JavaScriptのattachEventスキルとaddEventListener_javascriptスキルの使用方法

attachEvent メソッド ボタン onclick
addEventListener メソッド ボタン click
両方を使用する原理: 異なる実行優先順位を設定できる 以下の例について説明します。
attachEvent メソッドは、他の処理イベントを特定のイベントに添付します。 (Mozilla シリーズはサポートされていません)
Mozilla シリーズでは addEventListener メソッドを使用します
例:
Java コード

コードをコピー コードは次のとおりです。

document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2; document.getElementById(" btn").onclick = method3;

このように記述すると、medhot3 のみが実行されます
次のように記述します:
Java コード:

コードをコピーします コードは次のとおりです。

var btn1Obj = document.getElementById("btn1"); 🎜>//object.attachEvent(event ,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick) ",method3);


実行順序はmethod3->method2->method1
Mozilla系の場合、このメソッドはサポートされていないため、addEventListenerJava コード:

コードをコピー

コードは次のとおりです: var btn1Obj = document .getElementById("btn1"); //element.addEventListener(type,listener,useCapture);

btn1Obj.addEventListener("click",method1,false); ,method2,false);

btn1Obj.addEventListener("click", method3,false);


実行順序は、method2->method3
使用例:
1. Java コード:

コードをコピー

コードは次のとおりです: var el = EDITFORM_DOCUMENT.body ; //最初にオブジェクトを取得します。EDITFORM_DOCUMENT は実際には iframe です if (el.addEventListener)...{

el.addEventListener('click', KindDisableMenu, false); if (el.attachEvent)...{

el.attachEvent('onclick', KindDisableMenu)
}


2. Java コード:

コードをコピー

コードは次のとおりです: if (window.addEventListener) { window.addEventListener('load', _uCO, false); } else if (window.attachEvent){ window.attachEvent('onload', _uCO);