Javascript 使用自定义事件跟踪属性更改

Javascript 使用自定义事件跟踪属性更改,javascript,javascript-events,Javascript,Javascript Events,我的问题是,我想使用自定义事件跟踪元素上的属性更改,我一直在阅读mozilla开发人员的文章,但仍然不明白 那么,定制事件是如何工作的呢?以及如何使用它来跟踪(类的)属性更改/变量更改。响应许多事情,但元素属性更改不是其中之一。如果没有资源密集的setIntervalfaux监听器,A实际上是自己构建类似的东西的唯一方法 var target = document.querySelector('button'); var observer = new MutationObserver(func

我的问题是,我想使用自定义事件跟踪元素上的属性更改,我一直在阅读mozilla开发人员的文章,但仍然不明白

那么,定制事件是如何工作的呢?以及如何使用它来跟踪(类的)属性更改/变量更改。

响应许多事情,但元素属性更改不是其中之一。如果没有资源密集的
setInterval
faux监听器,A实际上是自己构建类似的东西的唯一方法

var target = document.querySelector('button');

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.attributeName + ' atrribute was changed.');
  });    
});

observer.observe(target, {
  attributes: true
});
这里是一个按钮单击更改元素颜色的示例,该颜色由MutationObserver拾取。

响应许多事情,但元素属性更改不是其中之一。如果没有资源密集的
setInterval
faux监听器,A实际上是自己构建类似的东西的唯一方法

var target = document.querySelector('button');

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    console.log(mutation.attributeName + ' atrribute was changed.');
  });    
});

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

这里是一个按钮点击改变元素颜色的例子,该颜色由MutationObserver拾取。

为了澄清,您读了什么?我在读@Colonelsanderso我该怎么碰这个?没人知道怎么做?澄清一下,你在读什么?我在读@Colonelsanderso我该怎么碰这个?没人知道怎么做?