jQuery监听div内容的变化
大家都知道如何监听input内容的变化,那么如果是div呢?下面分享一种监听div内容变化的方法,直接放代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>监听div内容改变</title> <script src="https://cdn.bootcss.com/jquery/1.7.2/jquery.min.js"></script> </head> <body> <div class="demo"> </div> <button id="btn">按钮</button> </body> <script> $('#btn').click(function(){ $('.demo').text('我变了') }) $('.demo').on('DOMNodeInserted',function(){ var txt = $('.demo').text(); console.log(txt); }) </script> </html>
点击button的时候,可以看到页面中出现了‘我变了’三个字,同时控制台输出’我变了‘,证明监听DOMNodeInserted
事件有效。