註冊事件的簡單方式:： bth.on事件 = function{ }； 如果重複註冊相同的事件，後面的事件會把前面的事件覆蓋掉。 例子： 輸入一下程式碼，點選事件，控制檯輸出 document.onclick = function () { console.log("厲害"); } document.onclick = function () { console.log("我的哥"); } 對以後的開發不利，會造成影響故，而引用另一種方式——事件監聽。addEventListener:註冊事件 document.addEventListener(引數1"string"，引數2function,引數3boolean) 引數1：事件型別，click,mouseover等;引數2：function函式作為引數呼叫;引數3布林值預設為false，下一篇事件流再敘 引數2，function觸發，可用匿名函式，也可以指定函式名 document.addEventListener("click", fn); function fn(){ console.log("哎呦"); } document.addEventListener("click", function () { console.log("不錯喲"); }); 註冊事件與移除（刪除）事件監聽： removeEventListener("事件型別"，fn函式) document.removeEventListener("click", 函式名); *如果想要移除註冊事件，必須要有函式名！ 與下面的空陣列和物件一樣，匿名函式 陣列console.log([ ] == [ ])；物件console.log({ } =={ }); 打印出來都是false，為什麼？ []==[];與{}=={}都是比較的地址（引用），[]相當於new了一個數組，另一個[]也是，都是在記憶體空間中創造了陣列空間，只是都是空的陣列而已，並不是同一個陣列，物件同理。 addEventListener具有相容性 （IE678不支援addEventListener與removeEventListen兩個方法，但是支援attachEvent與detachEvnet） attachEvent(type, func)與addEventListener //type:事件型別 需要加上on onclick onmouseenter //func:需要執行的那個事件 （順序是倒的） detachEvnet(type, func); 相容性封裝： function addEvent(element, type, fn) { if ("addEventListener" in element) { element.addEventListener(type, fn); } else { element.attachEvent("on" + type, fn);//type缺少on，加上字串"on”; } } function removeEvent(element, type, fn){ if ("addEventListener" in element) { //有addEventListener就必肯定可以有removeEventListener可以直接寫 element.removeEventListener(type, fn); } else { element.detachEvent("on" + type, fn); } }