为什么 DOMSubtreeModified 事件在 DOM 级别 3 中被弃用？

Question

为什么 DOMSubtreeModified 事件已弃用以及我们应该使用什么反而？

Answer 1

如果您向下滚动一点，您会看到：

警告！ MutationEvent 接口是在 DOM Level 2 中引入的
事件，但尚未完全且可互操作地实现
跨用户代理。此外，也有批评称
按照设计，接口引入了性能和实现
挑战。新规范正在开发中，目的是
解决突变事件解决的用例，但更多的是
表现方式。因此，本规范描述了突变事件
以供参考和遗留行为的完整性，但不赞成
同时使用 MutationEvent 接口和 MutationNameEvent
界面。

替换 API 是突变观察者，它是完全指定的DOM Living Standard 中的内容，取代了所有 DOM X 级的愚蠢行为。

Answer 2

我认为替代者将是突变观察者：https://developer.mozilla.org/en-US /docs/Web/API/MutationObserver

var whatToObserve = {childList: true, attributes: true, subtree: true, attributeOldValue: true, attributeFilter: ['class', 'style']};
var mutationObserver = new MutationObserver(function(mutationRecords) {
  $.each(mutationRecords, function(index, mutationRecord) {
    if (mutationRecord.type === 'childList') {
      if (mutationRecord.addedNodes.length > 0) {
        //DOM node added, do something
      }
      else if (mutationRecord.removedNodes.length > 0) {
        //DOM node removed, do something
      }
    }
    else if (mutationRecord.type === 'attributes') {
      if (mutationRecord.attributeName === 'class') {
        //class changed, do something
      }
    }
  });
});
mutationObserver.observe(document.body, whatToObserve);