DOMNodeInserted Äquivalent in IE?

Andere als mit einem timer zum zählen der Anzahl der Elemente im Laufe der Zeit und auf der Suche nach änderungen, ich kann nicht denken, einen besseren Weg, um dies zu simulieren Ereignis.

Gibt es irgendeine Art von proprietären IE-version von DOMNodeInserted? Danke.

InformationsquelleAutor der Frage CPrimer | 2010-01-27

  1. 7

    Nein, gibt es nicht. Der nächste ist der propertychange Ereignis, das feuert in Reaktion auf eine änderung in einem Attribut oder der CSS-Eigenschaft eines Elements. Es feuert in Reaktion auf die änderung der innerHTML - Eigenschaft eines Elements direkt, aber nicht, wenn der Inhalt der Elemente verändert, durch einige andere Mittel (z.B. durch die Verwendung von DOM-Methoden wie appendChild() oder durch Veränderung der innerHTML eines child-Elements).

    UPDATE 6. Februar 2014

    Wie schon in den Kommentaren, gibt es einen workaround. Es basiert auf einer ausgeklügelten hack-und ich würde empfehlen, mit mutation Beobachter statt, wo immer möglich. Siehe @naugtur Antwort für details. @naugtur Antwort wurde gelöscht, aber die Lösung kann gefunden werden bei https://github.com/naugtur/insertionQuery

    InformationsquelleAutor der Antwort Tim Down

  2. 6

    Können Sie over-ride die DOM-manipulation - Methoden appendChild, insertBefore, replaceChild, insertAdjacentHTML, etc - und monitor innerHTML mit onpropertychange.

    Könnten Sie in der Lage zu kommen mit einer Lösung, die Ihren Anforderungen genügt.

    BTW, es scheint, dass DOMNodeInserted, etc werden als veraltet markiert von den Browsern in der Zukunft.
    Sehen http://www.w3.org/TR/DOM-Level-3-Events/#events-mutationevents

    InformationsquelleAutor der Antwort Sean Hogan

  3. 3

    onreadystatechange wird im IE funktioniert. Ein DHTML-Verhalten angeschlossen werden muss, um das element über den htc, aber die htc-Datei nicht vorhanden:

    if (!!document.addEventListener)
  {
  $(domnode).get(0).addEventListener("DOMNodeInserted", fixtext, false);
  }
else
  {
  $(domnode).get(0).addBehavior("foo.htc");
  $(domnode).get(0).attachEvent("onreadystatechange", fixtext);
  }

    onreadystatechange-event-Referenz

    InformationsquelleAutor der Antwort Paul Sweatte

  4. 1

    Einen dirty workaround ist das abfangen der Prototyp Methoden der Typ-Element wie folgt:

    window.attachEvent('onload', function() {
    invokeNodeInserted(document);
    (function(replace) {
        Element.prototype.appendChild = function(newElement, element) {
            invokeNodeInserted(newElement);
            return replace.apply(this, [newElement, element]);
        };
    })(Element.prototype.appendChild);
    (function(replace) {
        Element.prototype.insertBefore = function(newElement, element) {
            invokeNodeInserted(newElement);
            return replace.apply(this, [newElement, element]);
        };
    })(Element.prototype.insertBefore);
    (function(replace) {
        Element.prototype.replaceChild = function(newElement, element) {
            invokeNodeInserted(newElement);
            return replace.apply(this, [newElement, element]);
        };
    })(Element.prototype.replaceChild);
});

    InformationsquelleAutor der Antwort Tires

  5. 0

    Verwendung onreadystatechange wie vorgeschlagen durch Paul Sweatte nicht wirklich funktioniert. Das readystatechange-Ereignis wird nur ausgelöst, wenn beim laden foo.htc. Es hat nichts zu tun mit der änderung der DOM-Knoten.

    Ich habe ein wenig Geige zu demonstrieren. Haben Sie einen Blick auf http://jsfiddle.net/Kermit_the_frog/FGTDv/ oder http://jsfiddle.net/Kermit_the_frog/FGTDv/embedded/result/.

    HTML:

    <input type="button" id="fooBtn" value="add" />
<div id="fooDiv"></div>

    JS/Jquery:

    function bar(e) {
    var state = $('#fooDiv').get(0).readyState;
    alert (state);
}

$("#fooBtn").on("click", function(){
    $('#fooDiv').get(0).addBehavior("foo.htc");
    $('#fooDiv').get(0).attachEvent("onreadystatechange", bar);
});

    Wie Sie sehen können: obwohl es keine DOM-manipulation geht es zu einer readystatechange-Ereignis.

    InformationsquelleAutor der Antwort Kermit_the_frog

  6. -2

    Scheint, DHTML-Verhalten kann verwendet werden, im IE zu emulative DOMNodeInserted.

    InformationsquelleAutor der Antwort 4esn0k

Schreibe einen Kommentar