Javascript 当HTML正文中的任何内容发生更改而不使用onclick或setInterval时调用函数_Javascript_Jquery_Html_Onchange

Javascript 当HTML正文中的任何内容发生更改而不使用onclick或setInterval时调用函数

javascript jquery html

Javascript 当HTML正文中的任何内容发生更改而不使用onclick或setInterval时调用函数,javascript,jquery,html,onchange,Javascript,Jquery,Html,Onchange,我的HTML代码如下： <body> <div id = "mypage"> <svg>....</svg> <div>Hello all, how are you?</div> <img>........</img> </div> </body> 当我在此页面上突出显示任何部分时，突出显示跨距是如何连接到正文中的该部分的，并且生成的代码变成： <body&g

我的HTML代码如下：

<body>

<div id = "mypage">

<svg>....</svg>
<div>Hello all, how are you?</div>
<img>........</img>


</div>

</body>

当我在此页面上突出显示任何部分时，突出显示跨距是如何连接到正文中的该部分的，并且生成的代码变成：

<body>

<div id = "mypage">

<svg>....</svg>
<div>Hello all, <span class="highlight">how are</span> you?</div>
<img>........</img>


</div>

</body>

这意味着HTML正文中发生了更改。现在，当这种情况发生时，我想触发一个javascript函数。i、 e.只要主体发生任何变化，就应调用该函数

我知道这可以通过setInterval运行函数并持续检查任何更改来实现。我是否可以避免它，并在发生任何更改时触发该函数？

您是否在JSJquery中尝试过这一点

$(body).change(function() {
    yourFunction();
});

在你的hightligh插件中设置此事件你正在寻找突变监听器-看一看或不推荐的我看了一下突变观察员，但不太确定如何使用它来检测身体的任何变化。你能提供一个关于如何编写的代码片段吗？@Zofler-我在一个Chrome扩展中使用以下代码，在一个特定的网站上制作广告。当页面加载时，广告不存在，因此当广告出现时，必须对其进行屏蔽。它似乎适合你的需要。window.addEventListener'domsubtredemodified'，onDomChangedFunc，false；，其中，如果发生任何更改，将调用onDomChangedFunc。@enhzflep:我尝试在document.ready上使用以下命令作为document.body.AddEventListenerDomainSubTreeModified，函数{alerthua}，false；然而，它一直在执行。我应该如何使用它？它不起作用，我已经试过了。我想，更改对DOM对象不起作用，只对元素起作用，请尝试$mypage.changefunction{}；在id为mypage ryt的div内发生的任何更改。。