如何在元素的顯示屬性發生變化時觸發事件？

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> 

Answer 2

如果您要改變元素的顯示屬性，那麼在這個時候，你可以使用自定義事件觸發新事件。如果沒有，您可以使用手錶/不手錶。我不知道他們。我只知道他們可能會有用。 :)