javascript - 如果元素的显示属性更改，如何触发事件？

Question

类似于:

element.addEventListener("displayChanged", function(){
    console.log("element.style.display changed.")
}, false);

当然，那里没有 displayChanged，但我想知道我该怎么做？只需要 Chrome 支持。

Answer 1

您可以使用 setInterval 进行轮询，并使用类似以下内容检查更改:

<div onclick="this.style.display = 'none';">ha</div>
<script>
(function(){
  var elm = document.getElementsByTagName('DIV')[0],
    old = (elm.currentStyle || window.getComputedStyle(elm, false)).display,
    interval = setInterval(function(){
      var style = elm.currentStyle || window.getComputedStyle(elm, false);
      if(old !== style.display){
        clearInterval(interval);
        console.log('changed');
      }
    },120);
})();
</script>