Почему событие DOMSubtreeModified устарело на уровне DOM 3?

Ответ 1

Если вы прокрутите вниз немного, вы увидите:

Внимание! Интерфейс MutationEvent был введен в DOM Level 2 События, но еще не полностью и функционально реализованы через пользовательские агенты. Кроме того, были сделаны критические замечания о том, что интерфейс, как это предусмотрено, вводит производительность и реализацию вызов. В настоящее время разрабатывается новая спецификация с целью обращаясь к вариантам использования, которые решают мутационные события, но более выступление. Таким образом, эта спецификация описывает события мутации для справки и полноты унаследованного поведения, но обесценивает использование интерфейса MutationEvent и MutationNameEventинтерфейс.

API замены наблюдатели мутации, которые полностью определены в DOM Living Standard, который отменяет всю глупость уровня DOM.

Ответ 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);