Javascript'div empty'事件监听器

Question

有没有一种方法可以在div元素为空时拥有监听器？

$('#myDiv').emptyEvent(function(){ 

)}; 

Answer 1

您应该运行大卫的事件处理程序中的代码，如DOMNodeInserted，DOMCharacterDataModified，或DOMSubtreeModified。后者是最值得推荐的。例如：

$('#myDiv').bind("DOMSubtreeModified", function(){ 
    if ($('#myDiv').html() == "") { 

    } 
)}; 

编辑：但是这种实现是弃用，如在注释中规定。另一种实现，由大卫的建议，如下：

// select the target node 
var target = $("#myDiv")[0]; 

// create an observer instance 
var observer = new MutationObserver(function(mutations) { 
    mutations.forEach(function(mutation) { 
     if($("#myDiv").html() == ""){ 
     // Do something. 
     } 
    });  
}); 

// configuration of the observer: 
var config = { attributes: true, childList: true, characterData: true }; 

// pass in the target node, as well as the observer options 
observer.observe(target, config); 

的