javascript – 检测小胡子模板内的contenteditable div上的jquery事件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 检测小胡子模板内的contenteditable div上的jquery事件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含966字，纯文字阅读大概需要2分钟。

内容图文

目标：将事件处理程序附加到嵌套在小胡子模板/脚本中的contenteditable div.

问题：我有一个我想要编辑的小胡子js模板.这个想法是,在keyup上它应该触发一个事件(以后用于更新相同的数据服务器端).

该块是可编辑的,但在脚本标记内不会触发可信事件.

我尝试了更多一般的提示,如：
Detect keyup event of contenteditable child whose parent is a contenteditable div
和
Keypress 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')
  });

解决方法:

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

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

内容总结

以上是互联网集市为您收集整理的javascript – 检测小胡子模板内的contenteditable div上的jquery事件全部内容，希望文章能够帮你解决javascript – 检测小胡子模板内的contenteditable div上的jquery事件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端