divspan绑定内容改变事件

Posted 2020-10-03 程昱仲德

内容改变事件onchange只适用于form表单标签（input、select、textarea）

当需要对div、span标签进行内容改变监听则无法适用，查阅了一些资料发现jquery有针对的方法，代码如下：

 1 <meta charset="UTF-8">
 2 <script src="jquery.min.js"></script>
 3 <span id="s">
 4 <span id="d" style="width:100px;height:100px">1</span>
 5 </span>
 6 <script>
 7 $("#d").click(function(){
 8     $(this).html(2);
 9 })
10 $("#d").bind(‘DOMNodeInserted‘,function(){
11 
12     alert(‘改变了！‘);
13 })    
14 </script>

小贴士：在项目中有一个需求是适用layer弹窗给父页面传值，父页面被传值后页面进行JS刷新，这里layer不能只传value或innerhtml，要传输text（文本值）才能被这个绑定的内容改变时间监听到，可见DOMNodeInserted的内容选择没有那么简单