div、span绑定内容改变事件

内容改变事件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的内容选择没有那么简单

posted @ 2017-08-21 10:57  程昱仲德  阅读(1342)  评论(0编辑  收藏  举报