JavaScript檢測何時刪除某個元素

Question

有沒有在javascript中檢測何時在javascript/jQuery中刪除某個HTML元素的方法？ 在TinyMCE中，我插入一個滑塊，並且我想在所見即所得中刪除某些元素時刪除整個事物。

Answer 1

在大多數現代瀏覽器中，您可以使用MutationObserver來實現此目的。

你會做它的方式是這樣的：

var parent = document.getElementById('parent'); 
 
var son = document.getElementById('son'); 
 

 
console.log(parent); 
 
var observer = new MutationObserver(function(mutations) { 
 
    mutations.forEach(function(mutation) { 
 
    console.log(mutation); // check if your son is the one removed 
 
    }); 
 
}); 
 

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

 
observer.observe(parent, config); 
 

 
son.remove();

您可以查看正在運行的例子here。

關於MutaitionObserver的更多信息here。