項目調(diào)用滑塊插件jRange,每次進行滑動時,頁面就會報如下警告:

image.png
出現(xiàn)該警告的原因:
chrome 監(jiān)聽touch類事件報錯:無法被動偵聽事件preventDefault
解決辦法有兩個:
1.在touch的事件監(jiān)聽方法上綁定第三個參數(shù){ passive: false },
通過傳遞 passive 為 false 來明確告訴瀏覽器:事件處理程序調(diào)用 preventDefault 來阻止默認滑動行為。
elem.addEventListener(
'touchstart',
fn,
{ passive: false }
);
2.全局樣式去掉
* { touch-action: pan-y; }
兩種辦法都是親測有效的,由于現(xiàn)在的項目報錯是因為調(diào)用插件jRange產(chǎn)生的,所以相對于與該插件的源碼中修改,改動全局樣式是比較簡單的,所以我這里采用的是第二種方案。