요소의 표시 속성이 변경된 경우 이벤트를 트리거하는 방법은 무엇입니까? 같은

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

을 새로운 이벤트를 트리거하십시오. 그렇지 않은 경우 watch/unwatch를 사용할 수 있습니다. 나는 그들에 대해 모른다. 나는 그들이 유용 할 수 있다는 것을 알고 있습니다. :)