js监听元素变化

该文章发布于 ,归类于 Javascript 0 条评论

使用js来监听元素的变化,我最初想到的是使用change来实现,尝试无果,查询手册才知道change只作用于表单元素,像input,textarea,select等这一类的表单元素。

change事件的jQuery手册说明

当元素的值发生改变时,会发生 change 事件。
该事件仅适用于文本域(text field),以及 textareaselect 元素。当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。

后来查询得知通过给待监听元素绑定DOMNodeInserted事件和DOMNodeRemoved事件,可以实现监听该元素的变化。

代码示例:

很不幸的是在IE8以及IE8以下版本中,并不支持该事件。

相关文章