一.作用:為同一個元素綁定多個相同的事件
二.方式:
1.對象.on事件名字=事件處理函數(shù)
注意:如果是多個相同事件注冊用這種方式,最后一個執(zhí)行,之前的被覆蓋了
document.getElementById("btn").onclick=function(){}
2.對象.addEventListener("沒有on的事件名字",事件處理函數(shù),false);
document.getElementById("btn").addEventListener("click",function(){},false)
3.對象.attachEvent("有on的事件名字",事件處理函數(shù));
document.getElementById("btn").attachEvent("onclick",function(){})
- 參數(shù)1:addEventLister()事件名字沒有on楷兽;attachEvent()事件名字有on
- 參數(shù)2:事件處理函數(shù)可以是匿名函數(shù),也可以是命名函數(shù)
- 參數(shù)3(.addEventListener()):布爾類型莉兰。true表示:捕獲階段 false表示:冒泡階段
三.區(qū)別
addEventListener()
attachEvent()
相同點:都可以為元素綁定事件
不同點:
1.方法名不一樣
2.參數(shù)個數(shù)不一樣addEventListener三個參數(shù),attachEvent兩個參數(shù)
3.addEventListener 谷歌,火狐,IE11支持,IE8不支持。 attachEvent 谷歌火狐不支持,IE11不支持,IE8支持
4.this不同,addEventListener 中的this是當前綁定事件的對象。 attachEvent中的this是window
5.addEventListener中事件的類型(事件的名字)沒有on
attachEvent中的事件的類型(事件的名字)有on