描述：違反：沒(méi)有添加被動(dòng)事件監(jiān)聽(tīng)器來(lái)阻止’touchstart’事件，請(qǐng)考慮添加事件管理者’passive’，以使頁(yè)面更加流暢。出現(xiàn)如上提示這可能是由于console的過(guò)濾器選擇了Verbose
由于瀏覽器必須要在執(zhí)行事件處理函數(shù)之后，才能知道有沒(méi)有掉用過(guò) preventDefault() ，這就導(dǎo)致了瀏覽器不能及時(shí)響應(yīng)滾動(dòng)，略有延遲。
所以為了讓頁(yè)面滾動(dòng)的效果如絲般順滑，從 chrome56 開(kāi)始，在 window、document 和 body 上注冊(cè)的 touchstart 和 touchmove 事件處理函數(shù)，會(huì)默認(rèn)為是 passive: true。瀏覽器忽略 preventDefault() 就可以第一時(shí)間滾動(dòng)了。
舉例：
wnidow.addEventListener(‘touchmove’, func) 效果和下面一句一樣
wnidow.addEventListener(‘touchmove’, func, { passive: true })
這就導(dǎo)致了一個(gè)問(wèn)題：
如果在以上這 3 個(gè)元素的 touchstart 和 touchmove 事件處理函數(shù)中調(diào)用 e.preventDefault() ，會(huì)被瀏覽器忽略掉，并不會(huì)阻止默認(rèn)行為。
解決辦法
那么如何解決這個(gè)問(wèn)題呢？不讓控制臺(tái)提示，而且 preventDefault() 有效果呢？
兩個(gè)方案：
1、注冊(cè)處理函數(shù)時(shí)，用如下方式，明確聲明為不是被動(dòng)的
window.addEventListener(‘touchmove’, func, { passive: false })
2、應(yīng)用 CSS 屬性 touch-action: none; 這樣任何觸摸事件都不會(huì)產(chǎn)生默認(rèn)行為，但是 touch 事件照樣觸發(fā)。
touch-action 還有很多選項(xiàng)，詳細(xì)請(qǐng)參考touch-action
所有的元素的 touchstart touchmove 事件處理函數(shù)都會(huì)默認(rèn)為 passive: true
原文鏈接：https://blog.csdn.net/penliyoushui/article/details/105921423
