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

时间:2014-04-30 10:42:30

标签: javascript jquery html html5 onchange

我有一个HTML代码:

<body>

<div id = "mypage">

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


</div>

</body>

当我突出显示此页面上的任何部分时(突出显示&#34;&#34;&#34;),身体中的部分附加了一个范围,结果代码变为:

<body>

<div id = "mypage">

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


</div>

</body>

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

我知道这可以通过setInterval运行函数并不断检查任何更改来完成。我可以避免它并在发生任何变化时触发功能吗?

1 个答案:

答案 0 :(得分:0)

你在JS中尝试过这个(需要Jquery)。

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