Gibt es ein onDocumentChange-Ereignis?

Question

Gibt es im Internet Explorer ein Ereignis, das ausgelöst wird, wenn DOM geändert wird? Zum Beispiel:

document.attachEvent("ondocumentchange", function() { 
    alert("you've just changed DOM!"); 
}); 

Und wenn ich ausführen:

document.appendChild(document.createElement("img")); 

Fenster mit dem Text "Sie haben sich verändert nur DOM!" erscheint.

Ich versuche, "erweiterte" CSS-Selektoren (z. B. +,>, [attr]) in IE6 mit Javascript zu emulieren. Um jedoch mit dynamischem Inhalt richtig zu arbeiten, müssten sie nach jeder Änderung im Dokument neu berechnet werden.

Answer 1

Brute-Force "Lösung":

(function (previousInnerHTML) { 
    return function() { 
     if (document.body.innerHTML !== previousInnerHTML) { 
      alert("you've just (at max 33ms ago) changed DOM"); 
     } 
     setTimout(arguments.callee, 33); 
    }; 
})(document.body.innerHTML)(); 

Answer 2

Sie möchten nach dom-Mutationsereignissen suchen - siehe http://en.wikipedia.org/wiki/DOM_Events und scrollen Sie nach unten zum Abschnitt über Mutationsereignisse. Das einzige Problem ist, dass die Unterstützung für diese Ereignisse ziemlich skizzenhaft ist, also seien Sie vorsichtig mit ihnen. Bemerkenswerterweise mangelnde Unterstützung in IE oder Opera. Firefox, Safari und Chrome scheinen die einzigen zu sein.

Etwas wie:

document.addEventListener("DOMSubtreeModified", function() { 
    alert("you've just changed DOM!"); 
}); 

Nach http://www.quirksmode.org/dom/events/index.html für diese Art von Ereignissen Sie addEventListener verwenden müssen, nicht attachEvent. Das Ereignis scheint Blasen, also sollte das in Ordnung sein.

Answer 3

Aus der Spitze von meinem Kopf, diese Macht Arbeit:

document.body.attachEvent('onpropertychange', function(event) { 
    if (event.propertyName !== 'innerHTML') return; 
    alert("you've just changed DOM!"); 
}); 

Dies beruht auf proprietärer [onPropertyChange Ereignis] IE (http://msdn.microsoft.com/en-us/library/ms536956(VS.85).aspx) - seit innerHTML ist das Dokument würde sich ändern, wenn ein Knoten eingefügt wird aber.:

1. es ist vielleicht nicht mit bestimmten Arten von Eigenschaften arbeiten. ich stelle mir vor innerHTML wie ein „Getter“ funktionieren würde, dass es nur neu berechnet bekommen würde, wenn retri Eved.

2. Es wäre auch viele von Fehlalarmen holen - viele anderen Dingen würden die innerHTML ändern, die nichts mit dem Knoten Einfügen zu tun haben würde. Sie können dies abschwächen, indem Sie auf ein bestimmtes Element statt auf das gesamte Dokument warten.