监听事件,例如在JavaScript中添加新元素[重复]

pinkon5k  于 2023-04-04  发布在  Java
关注(0)|答案(3)|浏览(151)

此问题在此处已有答案

Detect changes in the DOM(11个答案)
两年前关闭了。
我需要创建一个事件侦听器,以便当一个新元素添加到文档或它的任何子元素时,调用我的事件处理程序。
任何想法如何做到这一点使用?

u7up0aaq

u7up0aaq1#

.bind('DOMNodeInserted DOMNodeRemoved')

这是要检查元素是否插入或删除的事件。
在父元素上绑定此事件。
并在handler中调用函数

js fiddle demohttp://jsfiddle.net/PgAJT/

单击此处例如... http://help.dottoro.com/ljmcxjla.php

n9vozmp4

n9vozmp42#

Mutation事件已被弃用,请使用Mutation Observer。您也可以使用arrive.js库,它在内部使用Mutation Observer,并提供一个很好的简单API来侦听元素的创建和删除。

document.querySelector('#container').arrive('.mySelector', function(newElem){
    // newElem is the newly injected element
});
yhxst69z

yhxst69z3#

DOMNodeInserted在DOM Level 3推荐中被弃用。使用它们会降低浏览器的速度(他们说)。根据您的需要,在插入元素的代码中触发自定义事件可能是有意义的。

相关问题