欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS監(jiān)聽事件的疊加和移除功能

 更新時(shí)間:2018年11月19日 11:04:38   作者:楊 小匠  
這篇文章主要介紹了JS監(jiān)聽事件的疊加和移除功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下

html DOM元素有很多on開頭的監(jiān)聽事件,如onload、onclick等,見DOM事件列表。但是同一種事件,后面注冊(cè)的會(huì)覆蓋前面的:

window.onresize = function(){
  alert(1);
}
window.onresize = function(){
  alert(2);
}
// 改變窗口大小時(shí),只會(huì)彈出2 

addEventListener監(jiān)聽

  利用addEventListener添加監(jiān)聽事件,可以重復(fù)添加,并不會(huì)互相覆蓋:

window.addEventListener("resize",function(){
  alert(1)
})
window.addEventListener("resize",function(){
  alert(2)
})
// 改變窗口大小時(shí),先后彈出1和2

  注意這里面的事件是不帶"on"前綴的。

removeEventListener移除監(jiān)聽

  removeEventListener跟addEventListener相對(duì)應(yīng),用于移除事件監(jiān)聽。

  如果要移除事件句柄,addEventListener() 的執(zhí)行函數(shù)必須使用外部具名函數(shù),匿名函數(shù)事件是無(wú)法移除的。

// 匿名函數(shù)事件無(wú)法移除
window.addEventListener("resize",function(){
  alert(1)
})
// 監(jiān)聽具名函數(shù)事件
function myResize(){
  alert(2)
}
window.addEventListener("resize",myResize)
// 移除事件監(jiān)聽
window.removeEventListener("resize",myResize) 

總結(jié)

以上所述是小編給大家介紹的JS監(jiān)聽事件的疊加和移除,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評(píng)論