JS监视CSS属性的变化,如"display:none"=>"display:block"？

Question

当任何其他JS脚本/函数更改了图像的CSS属性"display"时,我想运行一些JS代码.是否有任何方法来监视该更改并设置回调函数？

$(this).bind.('propertychange', function(){}) 

不能这样做,而setInterval也是一个坏主意.

还有什么可以做的？

Answer 1

这就是你要找的东西:

document.documentElement.addEventListener('DOMAttrModified', function(e){
  if (e.attrName === 'style') {
    console.log('prevValue: ' + e.prevValue, 'newValue: ' + e.newValue);
  }
}, false);