在DOM添加时触发Javascript事件

Question

在DOM添加时触发Javascript事件

13

有人知道如何在DOM中添加一个元素后触发JavaScript事件吗？

一般的想法是这样的：

var elem = document.createElement('div');
elem.addEventListener('ON_ADD_TO_BODY', function(){console.log(elem.parentNode)});
//... LATER ON ...
parentElemInBody.appendChild(elem); // <- Event is triggered here after append

有一些函数在您将元素添加到DOM之前不应该被触发，因此将执行延迟直到添加元素才是合理的。

是否有一种方法可以在不需要显式调用它们的情况下实现这一点，或者我应该使用一些hack，包括setTimeout和检查元素是否已经添加到DOM中？

- sgcharlie

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- techfoobar · Accepted Answer

使用 DOMNodeInserted 变异事件。

文档在这里：https://developer.mozilla.org/en-US/docs/DOM/Mutation_events

如上页面所示的示例用法：

element.addEventListener("DOMNodeInserted", function (ev) {
  // ...
}, false);

注意：2016年4月17日

现在已经不推荐使用Mutation Events。现在建议使用Mutation Observers。