007のイベント

：イベント

1.結合事象の間の差を

　　addEventListenerを、attachEvent

　　同じポイント：イベントは、要素を結合しています

　　異なる点：異なるパラメータの数

　　　　　　別のブラウザをサポートします。

　　　　　　addEventListenerをGoogleとFirefoxのサポート、IE8はサポートされていない、IE11サポート、attchEvent：GoogleとFirefoxはサポートしていない、IE11は、IE8のサポートをサポートしていません。

　　　　　　異なるこの、このテーマでは、addEventListenerが現在バインドされているイベント、attachEventは、このウィンドウ内にあります

 

2.アンバンドリング

　　最初の方法：

1  <！DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  < ヘッド> 
4      < メタのcharset = "UTF-8" > 
5      < タイトル>タイトル</ タイトル> 
6  </ ヘッド> 
7  < ボディ> 
8      < 入力タイプ= "ボタン" 値= "第一个" ID = "BTN1" > 
9      <= "第二个" ID = "BTN2" > 
10      < スクリプト> 
11          のdocument.getElementById（" BTN1 " ）.onclick = 関数（）{
 12              はconsole.log（" 第一个" ）。
13          }。
14          // 解绑
15          のdocument.getElementById（" BTN2 " ）.onclick = 関数（）{
 16              のdocument.getElementById（" BTN1 " ）。;
17          }
 18      </ スクリプト> 
19  </ ボディ> 
20  </ HTML >

　　第二の方法：

　　　　あなたを有効にするには名前の関数を使用する必要があります。

1  <！DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  < ヘッド> 
4      < メタのcharset = "UTF-8" > 
5      < タイトル>タイトル</ タイトル> 
6  </ ヘッド> 
7  < ボディ> 
8      < 入力タイプ= "ボタン" 値= "第一个" ID = "BTN1" > 
9      <= "第二" ID = "BTN2" > 
10      < スクリプト> 
。11          関数F1（）{
 12は、             （はconsole.log " 第一" ）;
 13である         }
 14          関数F2（）{
 15              はconsole.log（" 第一A " ）;
 16          }
 17。         のdocument.getElementById（" BTN1 " ）.addEventListener（" クリック」、F1、偽に）
 18である         ドキュメント。getElementByIdを（ "BTN1 " ）.addEventListener（" クリック"F2、 偽に）;
 19 // アンバンドリング、放出する最初のイベント20がある        のdocument.getElementById（" BTN2 " ）.onclick = 関数（）{
 21がある            のdocument.getElementById（" BTN1 " ）.removeEventListener（" クリック」、F1、偽に）;
 22である        }
 23である</ スクリプト> 24 </ ボディ> 25 </ HTML >         
        
 
 

 

3。