1. 程式人生 > >移動端報錯: Unable to preventDefault inside passive event listener due to target being treated as passive的解決方案

移動端報錯: Unable to preventDefault inside passive event listener due to target being treated as passive的解決方案

listener bsp def 項目 產生 方案 tran 觸摸 base

在做react移動端項目的時候,連續點擊底部導航,瀏覽器就會報Unable to preventDefault inside passive event listener due to target being treated as passive的錯:

技術分享圖片

解決方案: 給html加上CSS 屬性 touch-action: none; 這樣任何觸摸事件都不會產生默認行為,但是 touch 事件照樣觸發。

html {
    font-size: 6.666667vw;
    overflow-x: hidden;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    touch
-action: none; background-color: $color-base-background; color: $color-black; }

移動端報錯: Unable to preventDefault inside passive event listener due to target being treated as passive的解決方案