码迷,mamicode.com
首页 > 移动开发 > 详细

移动端报错: Unable to preventDefault inside passive event listener due to target being treated as passive的解决方案

时间:2018-11-02 17:20:20      阅读:1925      评论:0      收藏:0      [点我收藏+]

标签:解决   web   overflow   none   target   img   rev   over   tde   

 

在做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的解决方案

标签:解决   web   overflow   none   target   img   rev   over   tde   

原文地址:https://www.cnblogs.com/reactjs/p/9897162.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!