DOM2レベルのイベントは、addEventListener

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > 
    < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > 
    < タイトル> DOM2级事件のaddEventListener </ タイトル> 
    <！ - 
        3つの方法のバインディングイベント：
        1）HTML内で定義され、HTML文書に記述されたJSコード、強い結合、コードの再利用に資するありません
        2）DOM0レベルのイベント、イベントオブジェクトが疎結合バインドされているHTMLとJS分離;短所：1と結合唯一のイベントがあり、唯一の最後のイベントを実行するためにバインド
        複数のイベントに結合することができ、イベントキャプチャイベントバブリング：3）DOM2レベルイベント、利点、jsが単離され、緩くHTMLに結合され、使用のaddEventListener（）関数は、イベントをバインドします

        ele.addEventListener（「」、B、偽）、イベントトリガーは（また、ハンドルbとして知られている）、bはコードを実行する要素にELE結合事象

        チップ：
        DOM2レベルのイベントは、上の追加しません
     - > 
</ ヘッド> 
< 身体> 
    < ボタンのID = "BTN" >爆弾ボックス</ ボタン> 
    < スクリプト> 
        VAR BTN = のdocument.getElementById（" BTN " ）; // オブジェクトを取得
        // イベントバインディング
        BTNを。 addEventListener（" クリック" 、機能（）{
            警告（" こんにちは" ）;
        }、真）
     </ スクリプト> 
</ ボディ> 
</ HTML >