डोम तत्व से तत्व को जोड़ा/हटाया जा सकता है?

Question

कहें कि मेरे पास div#parent और Iऔर remove तत्वों का उपयोग jquery का उपयोग करके किया गया था। div#parent तत्व पर ऐसी घटना कब होती है जब मैं यह पता लगाने में सक्षम हूं?

Answer 1

उपयोग Mutation Observers के रूप में @Qantas ने सुझाव दिया उसके answer

आप उपयोग कर सकते हैं DOMNodeInserted और DOMNodeRemoved

$("div#parent").on('DOMNodeInserted', function(e) { 
    console.log(e.target, ' was inserted'); 
}); 

$("div#parent").on('DOMNodeRemoved', function(e) { 
    console.log(e.target, ' was removed'); 
}); 

MDN Docs

Answer 2

आप DOMSubtreeModified बाँध चाहिए घटना

$("#parent").bind("DOMSubtreeModified",function(){ 
    console.log('changed'); 
}); 

http://jsfiddle.net/WQeM3/

Answer 3

DOMNodeInserted और DOMNodeRemoved जैसे उत्परिवर्तन कार्यक्रमों का उपयोग न करें।

इसके बजाय, डीओएम Mutation Observers का उपयोग करें, जो आईई 10 और निचले (Can I use) को छोड़कर सभी आधुनिक ब्राउज़रों में समर्थित हैं। उत्परिवर्तन पर्यवेक्षकों का उद्देश्य उत्परिवर्तन घटनाओं को प्रतिस्थापित करना है (जिन्हें हटा दिया गया है), क्योंकि flaws in its design के कारण उन्हें कम प्रदर्शन पाया गया है।

var x = new MutationObserver(function (e) { 
    if (e[0].removedNodes) console.log(1); 
}); 

x.observe(document.getElementById('parent'), { childList: true });