当HTML正文中的任何内容发生变化时调用函数，而不使用onclick或setInterval

Calling a function when anything in the HTML body changes without using onclick or setInterval

本文关键字：函数 setInterval onclick 调用 正文 HTML 任何内 变化      更新时间：2023-09-26

我有一个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函数。即每当身体发生任何变化时都应该调用该函数。

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

你在JS中尝试过这个吗(Jquery是必需的(。

$(body).change(function() {
    yourFunction();
});
相关文章：