[Javascript] 元素變更監測: MutationObserver

MutationObserver
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

用 MutationObserver 和 Mutation events 監聽 DOM 變化
https://csbun.github.io/blog/2015/05/mutation-observer-and-event/

MutationObserver 和 MutationRecord
https://www.jianshu.com/p/18cc59132f30

[譯] JavaScript 是如何運作的:用 MutationObserver 追蹤 DOM 的變化
https://juejin.im/post/5aee720df265da0b8f627173

MutationObserver 物件可以用來觀察節點樹的突變,且已於主流瀏覽器上廣泛支援。概念上,它很接近事件。可以理解為,當 DOM 發生變動,會觸發 MutationObserver 事件。但是,它與事件有一個本質不同:事件是同步觸發。也就是說,當 DOM 發生變動,立刻會觸發相應的事件; MutationObserver 則是非同步觸發。DOM 發生變動以後,並不會馬上觸發,而是要等到當前所有 DOM 操作都結束後才觸發。


#MutationObserver, MutationRecord, Javascript, DOM, 元素變更, 監測

留言