gpt4 book ai didi

javascript - 在 mustache 模板内检测 contenteditable div 上的 jquery 事件

转载 作者:行者123 更新时间:2023-11-29 09:52:27 24 4
gpt4 key购买 nike

目标:将事件处理程序附加到嵌套在 mustache 模板/脚本中的可内容编辑的 div。

问题:我有一个 mustache js 模板,我想对其进行编辑。这个想法是在 keyup 上它应该触发一个事件(稍后用于更新相同的数据服务器端)。

block 是可编辑的,但 contenteditable 事件不会在脚本标签内触发。

我尝试了更一般的提示,例如: Detect keyup event of contenteditable child whose parent is a contenteditable divKeypress event on nested content editable (jQuery)但没有处理模板场景。


HTML

<script id="post" type="text/template">
<div class="editable" contenteditable="true">
<h2>{{bio}}</h2>
<p>{{summary}}</p>
</div>

<span class="child" contenteditable="true">static inside template.</span>

</script>

JQuery

  $('.editable').on('keyup', function() {
alert('editable changed')
});

$('.child').on('click', function() {
alert('static child changed')
});

最佳答案

将事件绑定(bind)到绑定(bind)时存在于 dom 中的父级(委托(delegate))

$(document.body).on('keyup','.editable', function() {
alert('editable changed')
})
.on('click','.child', function() {
alert('static child changed')
});

关于javascript - 在 mustache 模板内检测 contenteditable div 上的 jquery 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19738217/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com