когда вызывается событие "DOMNodeInserted"?

Question

DOMNodeInserted событие вызывается, когда узел «добавляется» или «добавляется»?

Я спрашиваю это, потому что следующий код:

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

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

и это:

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

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

Оба вызывают OnNodeInserted в Chrome. Это ошибка?

Answer 1

Это от 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

Ключ - Bubbles: Да - поэтому он также запускается в контейнер.

Answer 2

Если вы хотите предотвратить всплывание события, просто используйте event.stopPropagation (); в вашем текстовом узле обратного вызова. События больше не обрабатываются в дереве dom.