在DOM Level 3 中棄用DOMSubtreeModified 事件

DOMSubtreeModified 事件曾經是跟踪文檔子樹中更改的基本元素，現在已被跟踪在DOM level 3 中已過時。了解這種棄用背後的基本原理並確定合適的替代方案至關重要。

DOM Level 3 規範對 DOMSubtreeModified 發出了棄用警告，理由是它在瀏覽器中的實現不佳及其對系統的潛在影響表現。作為替代方案，規範建議採用突變觀察者。

突變觀察者

DOM Level 2 中引入的突變觀察者為監視 DOM 內的特定更改。它們透過允許對目標變更進行細粒度控制來提供更高的精度，從而減少意外事件觸發的機會。此外，他們的設計透過實現僅在必要時執行的非同步回調機制來優化系統效能，從而避免效能瓶頸。

為了充分利用突變觀察者的功能，萬維網聯盟 (W3C) 發布了全面的文檔其 DOM 生活標準。該標準作為 DOM 基礎知識的當前權威，取代了先前的 DOM X 級規範。

實作

從 DOMSubtreeModified 遷移到突變觀察者需要利用 MutationObserver 介面。這是一個簡化的實作：

const mutationObserver = new MutationObserver((mutations) => {
  // Process observed changes
});

// Observe a specific node for subtree modifications
mutationObserver.observe(targetNode, { subtree: true });

Mutation Observers 的優點

除了解決 DOMSubtreeModified 的缺點之外，Mutation Observers還提供以下優點:

• 對要監視的具體更改進行細粒度控制
• 由於異步事件觸發而提高了性能
• 符合標準的規範確保了廣泛的瀏覽器支援