ウェブAPI --- --- DOM要素バインド複数のコードのような結合イベントの要素の導入のために、コードの互換性

イベントを結合要素を導入するためには1：

SRCは最後のものだけを達成するために、よりに直接結合（programmer2.js）

< 入力タイプ= "ボタン" 値= "按钮" ID = "BTN" /> 
< スクリプトSRC = "common.js" > </ スクリプト> 
< スクリプトSRC = "programmer1.js" > </ スクリプト> 
< スクリプトSRC = "programmer2.js" > </ スクリプト> 
< スクリプト> 


  私の$（" BTN " ）.onclick = 関数（）{ 
    はconsole.log（"ヤンShuaioグッド" ）; 
  }; 
</スクリプト>

要素2.バインドより多くのイベント

エレメント結合イベント（DOM）：の一つを除いに互換性がない、あなたはまだ2を持っています

1.オブジェクト.addEventListener（ "イベントタイプ"、イベントハンドラ、偽）; -----> GoogleとFirefoxのサポート、IE8はサポートしていません。

2.オブジェクト.attachEvent（「イベントの種類に持って、」イベントハンドラ）-----> Googleがサポートしていませんが、FirefoxやIE8のサポートをサポートしていません。

2.1オブジェクト.addEventListener（ "イベントタイプ"、イベントハンドラ、偽）; -----> GoogleとFirefoxのサポート、IE8はサポートしていません。

ケース：ボタンのクリックイベントのためにバウンド

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

    // 同じ要素に対して同じイベントを複数結合- 
    マイ$（ "BTN"）は、addEventListener（ "クリック"、。機能を（）{ 
      はconsole.log（ "スー些細ああ" ）; 
    }、falseに）。
    $私の（ "BTN"）は、addEventListener（ "クリック"、。機能（）{ 
      はconsole.log（ "スーああ汚い" ）; 
    }、falseに）; 
    私の$（ "BTN"。）のaddEventListener（ "クリック"、機能（）{ 
      はconsole.log（ "スーああ悪" ）; 
    }、falseに）; 
    私の$（ "BTN"）は、addEventListener（ "クリック"、。関数（）{ 
      にconsole.log（"小蘇ああダーティ" ）; 
    }、falseに）。

2.2オブジェクト.attachEvent（「イベントの種類に持って、」イベントハンドラ）-----> Googleがサポートしていませんが、FirefoxやIE8のサポートをサポートしていません。

パラメータ1：イベントの種類---イベントの名前は、そこにあります
パラメータ2：---イベントハンドラ関数（名前付き関数、匿名関数）

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

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

    私の$（ "BTN"）attachEvent（ "onclickの" ,. 関数{（）
      はconsole.log（ "良いShuaioヤン3" ）; 
    }）;

互換3.エレメント結合イベントコード

attachEvent（ + "オン" タイプ、FN）。
    } 他


  
  
      {
      要素[ +型の"オン"] = FN。
    } 
  } 

  は、addEventListener（私の$（ "BTN"）、 "クリック" 機能（）{ 
    はconsole.log（ "哦1" ）; 
  }）; 
  addEventListenerを（私の$（ "BTN"）、 "クリック" 機能を（）{ 
    はconsole.log（ "哦2" ）; 
  }）; 
  addEventListenerを（私の$（ "BTN"）、 "クリック" 機能を（）{ 
    はconsole.log（ "哦3" ）; 
  }）; 


</スクリプト> 
</ BODY> 
</ HTML>