zyuan8591 / aaron-vue-web

https://aaron-vue-web.vercel.app
2 stars 0 forks source link

5. 修飾符 .passive #5

Open zyuan8591 opened 1 year ago

zyuan8591 commented 1 year ago

將 passive 選項設置為 true 就是在告訴瀏覽器:這個事件 handler 裡面不會呼叫 event.preventDefault(),你可以直接響應預設行為。

這樣有什麼好處?

可以優化效能,提昇使用者體驗。 因為瀏覽器事先不知道 handler 裡面是否會呼叫 event.preventDefault() 來阻止預設行為,所以瀏覽器需要先執行一次 handler,花時間確定裡面有沒有呼叫 event.preventDefault() ,才決定是否要響應預設行為。