kích hoạt sự kiện khi thay đổi lớp học

Question

Tôi muốn sự kiện của mình được kích hoạt trên thẻ div mua lại lớp "trình kích hoạt". nhưng, tôi không có ý tưởng làm thế nào để làm cho nó lắng nghe sự kiện thêm lớp.

Bạn có thể vui lòng cho tôi biết cách tôi cần biết?

<div id="test">test</div> 

<script type="text/javascript"> 
    document.getElementsById.setAttribute("class", "trigger"); 

    function workOnClassAdd() { 
     alert("I'm triggered"); 
    } 
</script> 

Answer 1

Vâng có mutation events, nhưng họ đã bị phản đối và tương lai sẽ có đột biến quan sát, nhưng họ sẽ không được hỗ trợ đầy đủ cho một thời gian dài. Vì vậy, những gì bạn có thể làm trong thời gian có nghĩa là?

Bạn có thể sử dụng bộ hẹn giờ để kiểm tra phần tử.

function addClassNameListener(elemId, callback) { 
    var elem = document.getElementById(elemId); 
    var lastClassName = elem.className; 
    window.setInterval(function() { 
     var className = elem.className; 
     if (className !== lastClassName) { 
      callback(); 
      lastClassName = className; 
     } 
    },10); 
} 

Chạy ví dụ: jsFiddle