javascript - 监听DOM事件(具体属性)

Question

我需要在添加特定属性时获取数据。我读过这篇文章:Is there a JavaScript/jQuery DOM change listener?

  var observer = new MutationObserver(function (mutations, observer) {
    // fired when a mutation occurs
     $.each(mutations, function(index, mutation) {

      var post = $(mutation.target).find('div[class^="ContentWrapper"]');


     });
  });
  observer.observe(document, {
    subtree: true,
    attributes: true

  });

这种方法有一个问题，因为事件太多并且扩展非常慢，是否有一个选项可以按特定属性过滤突变？

Answer 1

在 MutationObserverInit 选项中使用 attributeFilter。将其设置为您想要监听的属性数组，如下所示:

var attributeSpecificObserver=new MutationObserver(function_you_want_observing);
attributeSpecificObserver.observe( element_you_want_to_observe, {
    attributeFilter: ['id', 'class', 'style', 'etc'],
} );

来源:Mozilla Developer Network (MDN) .