html DOM元素有很多on開頭的監(jiān)聽事件,如onload、onclick等,見DOM事件列表。但是同一種事件,后面注冊的會覆蓋前面的:
window.onresize = function(){  alert(1);}window.onresize = function(){  alert(2);}// 改變窗口大小時,只會彈出2 addEventListener監(jiān)聽
利用addEventListener添加監(jiān)聽事件,可以重復(fù)添加,并不會互相覆蓋:
window.addEventListener("resize",function(){  alert(1)})window.addEventListener("resize",function(){  alert(2)})// 改變窗口大小時,先后彈出1和2注意這里面的事件是不帶"on"前綴的。
removeEventListener移除監(jiān)聽
removeEventListener跟addEventListener相對應(yīng),用于移除事件監(jiān)聽。
	  如果要移除事件句柄,addEventListener() 的執(zhí)行函數(shù)必須使用外部具名函數(shù),匿名函數(shù)事件是無法移除的。
// 匿名函數(shù)事件無法移除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)聽事件的疊加和移除,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對VeVb武林網(wǎng)網(wǎng)站的支持!
新聞熱點
疑難解答