javascript - JS监控CSS属性变化如 "display:none"= >"display:block"？

Question

当图像的 CSS 属性“显示”已被任何其他 JS 脚本/函数更改时，我想运行一些 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);