事件綁定就是添加事件，那么為誰添加事件呢？可以為頁面中的所有標簽（元素、節點）添加事件，大到整個文檔（document），小到其中一個標簽都可以添加事件。 在為一個節點添加事件的時候，有三種方式： * 直接在標簽中添加，即使用onclick、onmouseover等HTML屬性； * DOM的方式添加，即通過dom方法獲取節點，然后為其綁定事件； * 使用addEventListener或attachEvent（IE8及更低版本瀏覽器）。 為一個標簽添加事件之后，還可以刪除這個事件。 # 1、為DOM對象添加事件 最基本的語法： ``` DOM對象.事件 = 處理函數; ```  有些時候，可以先定義處理函數，然后在綁定事件：  事件處理函數中，this表示什么？  # 2、直接在HTML標簽中添加事件 通過html標簽的on….屬性（onclick、onmouseover…），來添加事件。  如果說，單擊按鈕的時候，要執行的代碼非常多，則可以將代碼封裝成函數，然后onclick的時候，調用函數即可，函數中的this是window對象。  如果上面兩種綁定事件的方式都存在，執行哪一種？  上面兩種方式綁定事件，都可以通過設置事件處理函數為null來去取事件：  # 3、使用addEventListener或attachEvent方法添加 使用下面的方法為DOM對象添加事件，也叫做事件監聽。 * IE瀏覽器中用：元素節點.attachEvent(事件名, 事件處理函數)； * 火狐瀏覽器用：元素節點.addEventListener(事件名, 事件處理函數)；// 事件名不要帶on 為了兼容各個瀏覽器，可以自定義一個兼容的函數，來為元素綁定事件：  事件監聽方式添加的事件，特點是可以為一個元素綁定多個同類型的事件。  通過事件監聽方法添加的事件，也可以被移除，移除的方法是： 火狐：元素節點.removeEventListener(事件名, 處理函數); //事件名不要帶on IE：元素節點.dettachEvent(事件名 處理函數); 也可以自定義一個兼容各個瀏覽器的移除事件監聽的方法：