जावास्क्रिप्ट में आंतरिक HTML परिवर्तनों को कैसे रोकें?

Question

मुझे अपने वेबपृष्ठ के अंदर किसी सेल की सामग्री में किसी भी बदलाव को रोकने की आवश्यकता है।

निम्नलिखित कोड मुझे पता चलता है कि addEventListener काम नहीं करता।

function modifyText() { 
alert("!"); 
} 

var el=document.getElementById("mycell"); 
el.innerHTML="a" 
el.addEventListener("change", modifyText, false); 
// After next instruction I expect an alert message but it does not appear... 
el.innerHTML="Z"; 

कोड सिर्फ एक खिलौना उदाहरण है। मेरे वास्तविक मामले में पृष्ठ में परिवर्तन (और इसलिए सेल में भी) वेबपैप द्वारा बनाए जाते हैं जिन पर मेरा कोई नियंत्रण नहीं है।

Answer 1

आप किसी DOM तत्व change कि जिस तरह से बात नहीं कर सकते हैं। change घटना अधिकतर input s

कुछ अन्य नए डोम 3 ईवेंट हैं जो इस पर आपकी सहायता करेंगे।

DOMCharacterDataModified // ड्राफ्ट

DOMSubtreeModified

Answer 2

इस Most efficient method of detecting/monitoring DOM changes? मदद करता है:

यहाँ कुछ है?

ऐसा लगता है वहाँ किसी भी 100% पार ब्राउज़र समाधान नहीं हैं, और समाधानों में से एक है, तो उनके innerHTML.length परिवर्तन देखने के लिए ब्याज के तत्वों मतदान पर है!