在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因爲它目前已棄用的性能問題。因此，請使用Mutation Observer。我做了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?