DOMSubtreeModifiedイベントでのバブリングを止めるには？

Question

私はかなり単純なシナリオを持っています。対応するJSで

<h1>Hello</h1> 
<input type="button" value="Change" id="change" /> 

：私は、次のHTMLを持って

var h1 = $("h1").get(0); 

h1.addEventListener("DOMSubtreeModified", function(ev) { 

    console.log("Changed"); 

    ev.bubbles = false; 
    ev.cancelBubble = true; 
    ev.defaultPrevented = true; 
    ev.preventDefault(); 
    ev.stopPropagation(); 
    ev.returnValue = false; 

    return false; 

}, false); 

$("#change").click(function() { 
    $("h1").text("World"); 
}); 

だから、これは基本的にはH1ノードのテキストを変更し、イベントが、その後解雇されます。しかし、イベントは2回発砲しています（私はバブリングの結果として想定しています）。ご覧のとおり、私はそれを2回発射しないようにするためにすべてを投げてみましたが、それで止めません。コードを試してみたい場合は、http://jsfiddle.net/sECtq/でチェックできます。どんな助けもありがとう。ありがとう。

Answer 1

この現象は、バブリングが原因ではありません。あなたは2を取得するので、

2. が

両方の手順はDOMSubtreeModifiedをトリガー新しいtextNodeを挿入し、既存の内容を削除します。

$の.text（）は、新しいテキストを設定するには2つのステップを実行しアラート。

$("h1")[0].firstChild.data="World"; 

これは、ノードを削除せずにtextNodeの内容を変更するだけです。

Answer 2

、または伝播が停止しているかどうかを確認することもできます。 http://api.jquery.com/event.isPropagationStoppedを見てください