quando viene chiamato l'evento "DOMNodeInserted"?

Question

DOMNodeInserted evento viene chiamato quando il nodo "essere aggiunto a" o "essere aggiunto"?

Lo chiedo perché il seguente codice:

function AddTextToContainer() { 
    var textNode = document.createTextNode ("My text"); 
    var container = document.getElementById ("container"); 

    if (container.addEventListener) { 
     container.addEventListener ('DOMNodeInserted', OnNodeInserted, false); 
    } 
    container.appendChild (textNode); 
} 

e che:

function AddTextToContainer() { 
    var textNode = document.createTextNode ("My text"); 
    var container = document.getElementById ("container"); 

    if (textNode.addEventListener) { 
     textNode.addEventListener ('DOMNodeInserted', OnNodeInserted, false); 
    } 
    container.appendChild (textNode); 
} 

Sia invocano OnNodeInserted in Chrome. E 'un errore?

Answer 1

Questo è da W3C

DOMNodeInserted 
Fired when a node has been added as a child of another node. 
This event is dispatched after the insertion has taken place. 
The target of this event is the node being inserted. 
Bubbles: Yes 
Cancelable: No 
Context Info: relatedNode holds the parent node 

la chiave è il Bubbles: Sì - ecco perché il suo essere licenziato sul contenitore pure.

Answer 2

Se si desidera impedire l'avvio dell'evento, utilizzare event.stopPropagation(); nel callback del nodo di testo. Gli eventi non sono più gestiti dall'albero del dom.