DOM0レベルイベント
<a href = "#" id = "hash" onclick = "fn(); fn();"> <button type = "button">上記に戻ってアクティブになります</button> </a> btn = $( '#hash')。get(); btn.onclick = function(){alert( '');}; btn.onclick = function(){alert( '');};たとえば、オンクリックが上記のタグに記述されている場合、それはすべてdom0レベルのイベントであり、FNとFN1は順番に実行されます。要素を取得し、onClickイベントをバインドする2番目のタイプもdom0レベルです。 2番目は最初のオンクリックを上書きし、ラインのオンクリックを上書きし、222のみがポップアップします。
DOM2レベルイベント
$( '#hash')。クリック(function(){alert( 'jq's dom2 first click')}); $( '#hash') click ')}、false); btn.addeventlistener(' click '、function(){alert(' native dom2 second click ')}、false); btn.addeventlistener(' click '、function(){alert(' native dom2 second click ')}、false)上記のバインディングはすべてDOM2イベントバインディングです。最初の2つはJQ結合方法であり、後者はネイティブJS結合方法であり、上書きはありません。 JQ結合法とネイティブバインディング方法が順番に実行されます。これは、Dom0レベルの他の場所に行くことです。
DOM0とDOM2は共存します
<a href = "#" id = "hash" onclick = "fn1(); fn1();"> <button type = "button">上記に戻って</button> </a> <script type = "text/javascript"> function fn(){alert( 'ade');} function fn1( 'alert(' ade11 '); btn = $( '#hash')。 click ')}、false); </script>上記の例には、2つのDOM0レベルと2つのDOM3レベルのバインディングイベントがあります。 JSで記述されたDom0レベルは、ライン内のFNおよびFN1メソッドをカバーしますが、JSのDom0はDom2共存を飲むことができ、その結果、111 JQのDom2レベルのクリックがポップアップされます。ネイティブDOM2レベルのクリックが初めてクリックされたとき。
上記のコンテンツは、編集者によってもたらされたJSのDom0レベルのイベントとDom2レベルのイベントの違いの紹介です。それがあなたに役立つことを願っています。同時に、wulin.comのウェブサイトへのご支援に感謝します!