Mutation Observer(變動觀察器)是監視DOM變動的接口。當DOM對象樹發生任何變動時,Mutation Observer會得到通知,本文給大家分享基於HTML5新特性Mutation Observer實現編輯器的撤銷和回退操作,感興趣的朋友參考下MutationObserver介紹
MutationObserver給開發者們提供了一種能在某個範圍內的DOM樹發生變化時作出適當反應的能力.該API設計用來替換掉在DOM3事件規範中引入的Mutation事件.
Mutation Observer(變動觀察器)是監視DOM變動的接口。當DOM對象樹發生任何變動時,Mutation Observer會得到通知。
Mutation Observer有以下特點:•它等待所有腳本任務完成後,才會運行,即採用異步方式
•它把DOM變動記錄封裝成一個數組進行處理,而不是一條條地個別處理DOM變動。
•它即可以觀察發生在DOM節點的所有變動,也可以觀察某一類變動
MDN的資料:MutationObserver
MutationObserver是一個構造函數, 所以創建的時候要通過new MutationObserver;
實例化MutationObserver的時候需要一個回調函數,該回調函數會在指定的DOM節點(目標節點)發生變化時被調用,
在調用時,觀察者對象會傳給該函數兩個參數:
1:第一個參數是個包含了若干個MutationRecord對象的數組;
2:第二個參數則是這個觀察者對象本身.
比如這樣:
複製代碼