オブジェクト名.addEventListener("イベント名(ONなし)", 関数名, true/false); (FFの場合)
オブジェクト名.attachEvent("イベント名", 関数名) (IEの場合)
手順:
イベント名については、「onclick」を「click」に、「onblur」を「blur」に変更する必要があることに注意してください。つまり、イベント名に「on」を含めることはできません。
関数名。括弧の後ろに入力しないでください。最後のパラメーターは、イベントの応答シーケンスを示すブール値です。addEventListener の 3 番目のパラメーター (useCapture) に注目してください。 userCapture が true の場合、ブラウザはキャプチャを使用します。 false の場合、ブラウザはバビングを使用します。 false を使用することをお勧めします。例を見てみましょう。
html コード
>js コード
window.onload=function( ){ document .getElementById("div_test").addEventListener("click",test1,false); document.getElementById("btn_test").addEventListener("click",test2,false) } function test1(){alert( "外層 div トリガー") } function test2(){ alter("inner input Trigger") }
userCapture が true の場合、test1 が最初にトリガーされます。 test2 が最初にトリガーされます。
attachEvent について話しましょう
これについては、主にパラメータの受け渡しについて説明します。ハハハ
例:
バインドメソッドの作成:
if (typeof document.addEventListener != "unknown") {
document.addEventListener("mousedown",_lhlclick,true);
} else {
document.attachEvent("onmousedown", _lhlclick);
}
イベントの削除:
if (typeof document.addEventListener != "未定義") {
document.removeEventListener("mousedown",_lhlclick,true); else {
ドキュメント。 detachEvent("onmousedown", _lhlclick)
}