侦听事件，例如在JavaScript中添加新元素

Listening to events such as adding new elements in JavaScript

本文关键字：新元素 添加 元素 JavaScript 事件      更新时间：2023-09-26

我需要创建一个事件侦听器，以便在向文档或其任何子元素添加新元素时，调用我的事件处理程序。

有什么想法可以使用吗？

.bind('DOMNodeInserted DOMNodeRemoved')

这是要检查元素是否插入或删除的事件。

在父元素上绑定此事件。

并在处理程序中调用您的函数

js fiddle演示：http://jsfiddle.net/PgAJT/

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

不推荐使用突变事件，请改用突变观测器。你也可以使用arrive.js库，它在内部使用突变观测器，并提供了一个很好的简单api来监听元素的创建和删除。

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

DOMNodeInserted在DOM Level 3推荐中不推荐使用。使用它们会减慢浏览器的速度（他们说）。根据您的需要，在插入元素的代码中触发一个自定义事件可能是有意义的。

相关文章：