在 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 还提供以下优点:

• 对要监视的具体更改进行细粒度控制
• 由于异步事件触发而提高了性能
• 符合标准的规范确保了广泛的浏览器支持