DOMSubtreeModified イベントが DOM レベル 3 で非推奨になったのはなぜですか?

DOM レベル 3 の DOMSubtreeModified イベントの非推奨について理解する

DOM レベル 3 仕様の一部だった DOMSubtreeModified イベントは、

DOMSubtreeModified イベントが非推奨になったのはなぜですか?

DOM レベル 3 イベントの仕様に記載されているとおり:

警告: MutationEvent インターフェイスは DOM レベル 2 イベントで導入されましたが、ユーザー エージェント間で完全かつ相互運用的に実装されていません。さらに、インターフェイスが設計どおりにパフォーマンスと実装の課題を引き起こすという批判もあります。ミューテーション イベントによって解決されるユースケースに、よりパフォーマンスの高い方法で対処することを目的として、新しい仕様が開発中です。したがって、この仕様では、レガシー動作の参照と完全性のためにミューテーション イベントについて説明しますが、MutationEvent インターフェイスと MutationNameEvent インターフェイスの両方の使用は非推奨になります。

代わりに何を使用するか

非推奨の DOMSubtreeModified イベントは、DOM サブツリーへの変更を監視することを目的としています。これを削除するには、別のアプローチを採用する必要があります。

MutationEvents の代替として推奨されるのは、よりパフォーマンスが高く、広くサポートされている Mutation Observer API です。 Mutation Observer を使用すると、開発者は DOM に特定の変更が加えられたときに呼び出されるコールバックを登録できます。

使用例

次のコード スニペットは、Mutation Observer の使用法を示しています。 API:

<code class="javascript">const observer = new MutationObserver((mutations) => {
  // Mutations have occurred, perform necessary actions
});

observer.observe(document, {
  subtree: true,
  childList: true
});</code>

このオブザーバーは、子ノードの追加や削除など、ドキュメントのサブツリーへの変更を監視します。このような変更が発生すると、提供されたコールバック関数が実行されます。

以上がDOMSubtreeModified イベントが DOM レベル 3 で非推奨になったのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。