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のウェブサイトへのご支援に感謝します！