addEventListener 的一些好方法 簡單粗暴的說給你

帥哥天下9發表於2018-07-28

 

function show(){

document.addEventListener(“click”,fn,{

 

 “passive”:false,

 “capture”:false,

 “once”:true

 

});

 

“passive” 就是告訴瀏覽器  我可不可以用 stopPropagation  在執行fn之前就告訴瀏覽器  讓瀏覽器效能更好

比如有時候 你滑動滾輪的時候  你阻止預設行為  那麼滑鼠就不應該動了唄  但是它也動了

所以說瀏覽器剛開始是不知道你是否要取消預設行為的 執行程式碼之後就知道了

true 是不可以使用stopPropagation  

capture  就是  冒泡階段或者事件捕獲階段執行事件   true 事件捕獲階段

once  是執行一次fn就清除fn  true 清除 

看上面程式碼  如果你多次執行show 那麼就會給documen新增多個事件   特別不好 

容易造成事件混亂  等一些問題

所以這時候就once 就很好了

目前好像就谷歌支援吧

}

相關文章