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