在DOM中添加特定节点的监听器

Question

有什么方法可以在DOM中添加特定节点时收到通知吗？

我有一个适用于所有输入文本字段的函数。当DOM加载时，我使用getElementByTagName（），然后使用仅文本的类型属性进行过滤，并将该函数应用于所有这些。

但问题是，当某人添加新节点时，必须通知我将该功能应用于新添加的字段。

我想要jQuery live（）函数，但是在javascript中。

是否有任何特定的监听器可以收听并在添加输入标签时收到通知？

Answer 1

您可以使用DOMNodeInserted突变事件。

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

Answer 2

DOMInserted Mutation Event目前已被弃用，因为它存在性能问题。因此，请使用变异观察者。我做了DOM更改侦听器，它使用Mutation Observer在我的一个项目中处理DOM添加，删除，插入，属性和数据更改，并且它工作得很好！为了进一步实施，这些链接将为您提供帮助：

1. http://gabrieleromanato.name/jquery-detecting-new-elements-with-the-mutationobserver-object/
2. https://github.com/kapetan/jquery-observe
3. Is there a JavaScript/jQuery DOM change listener?