ホームページ  >  記事  >  ウェブフロントエンド  >  IEおよびFF_javascriptスキルの下でのJSattachEvent、addEventListenerの学習メモ

IEおよびFF_javascriptスキルの下でのJSattachEvent、addEventListenerの学習メモ

WBOY
WBOYオリジナル
2016-05-16 18:41:071089ブラウズ

オブジェクト名.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)
}

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。