イベントバインディングと互換性のあるコード

1.結合事象：同じ要素の同じイベントを結合より

2.三つの方法

（1）= .onイベントのイベントハンドラ名を対象

。私の$（ "BTN"）のonclick =関数（）{};

複数の同一のイベントが覆われる前に、このように最後の実行を登録した場合

（2）対象.addEventListener（「イベントの名前のない、」イベントハンドラ、偽の）;

　　- GoogleとFirefoxのサポート、IE8はサポートしていません。

　　私の$（ "BTN"）のaddEventListenerは（ "クリック"、機能（）{}、false）を指定します。;

　　パラメータ1：名タイプ---イベントのイベントは、上にない
　　パラメータ2：---イベントハンドラ関数（関数名、匿名関数）
　　パラメータ3：ブールタイプ、現在偽の書き込み

//は、同じ要素に同じイベントよりも多くをバインドするために 
 私の$（ "BTN"）は、addEventListener（ "クリック" ,. 関数（）{ 
   はconsole.log（ "こんにちは" ）; 
 }、falseの）; 
 私の$（。 "BTN"）は、addEventListener（ "クリック"、機能（）{ 
   はconsole.log（ "あなたはそれを食べる" ）; 
 }、falseの）;

 

（3）.attachEventオブジェクト（「そこイベントの名前に、」イベントハンドラ）;

　　- Googleがサポートしていませんが、FirefoxやIE8のサポートをサポートしていません。

　　パラメータ1：イベントの種類---イベントの名前は、上がある
　　パラメータ2：---イベントハンドラ関数（名前付き関数、匿名関数）

　　。私の$（ "BTN"）attachEvent（ "onclickの" 関数（）{}）;

$マイ（ "BTN"）attachEvent（ "onclickの" ,. 関数（）{ 
   にconsole.log（ "グッドShuaioヤン1。" ）; 
 }）; 

 私の$（ "BTN"）attachEvent（ "onclickの" ,. 機能（）{ 
   にconsole.log（ "良いShuaioヤン2" ）; 
 }）;

3.互換性のあるコード

// 任意の要素。、任意のイベントをバインド要素のいずれか、イベントの種類、イベントハンドラ
  関数のaddEventListener（タイプの要素、FN）{
     // ブラウザがこの方法をサポートしているかどうかを決定する
    IF （element.addEventListener）{ 
      要素.addEventListener（タイプ、のFn、偽に）; 
    } そう IF （element.attachEvent）{ 
      element.attachEvent（ + "ON" タイプ、FN）; 
    } 他{ 
      [エレメント +タイプ"ON"が= のFnを; 
    } 
  }