javascript - 「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);
}

どちらもOnNodeInsertedChromeで呼び出します。バグですか？

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

重要なのはバブルです：はい-それがコンテナでも発射される理由です。

Answer 2

イベントがバブリングするのを防ぎたい場合は、event.stopPropagation（）;を使用してください。テキストノードのコールバックで。その後、イベントはDOMツリーで処理されなくなります。