事件綁定

一.作用:為同一個元素綁定多個相同的事件
二.方式:
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是當(dāng)前綁定事件的對象。 attachEvent中的this是window
5.addEventListener中事件的類型(事件的名字)沒有on
attachEvent中的事件的類型(事件的名字)有on

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容