javascript - 监听 HTML 元素值的任何变化(由代码引起)

Question

我可以使用“oninput”、“onchange”等事件来检测 HTML 元素是否更改其值。但这些事件仅在用户手动更改值时才会发生(通过键盘、鼠标...)

但有时 HTML 元素的值会被我的代码(而不是用户)或表单的 reset() 方法更改，我也想监听这些更改事件。

那么如何检测元素值何时发生变化？ (在所有情况下)

Answer 1

您可以尝试DOMSubtreeModified事件

$('element').on("DOMSubtreeModified",function(){
  alert('changed');
});

*根据jquery的版本，可以用.bind代替.on

或者您可以使用MutationObserver它检测 DOM 中的变化，是最推荐的。