0%

处理谷歌浏览器总是提示无法阻止事件的报错

发布于 / 分类: CSS,JavaScript / 暂无评论 / 阅读量 116

最后更新于 2019年12月10日

这个问题一直困扰了我很久了,之前我做手机端侧栏nav的时候也会出现这个问题,因为不影响使用,也暂时没找到处理的办法,索性就没管了,今天尝试了几次方式,发现通过css设置就很很完美的解决的这个问题.

首先这个问题一般都是因为我们阻止的touch事件导致的,谷歌为了让滑动能够顺滑,即便我们阻止了默认行为也是滑动的,所以才会出现这个错误.

错误提示:

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See

解决办法

直接给body元素添加一个css属性

body {
 touch-action: none;
}

问题解决,js上听说是在addEventListener最后那个参数冒泡捕获上做修改,原来我们都是false表示冒泡,现在改为{passive: false}这样,但是实际有没有效果我没有测试,因为如果是框架的话,比如jq,你改的话就不方便了,所以还是css最佳呀!

微信内置浏览器不能下载的问题以及ios衍生出来的问题 vue AES对称加密 crypto-js 教程
  • 滑动验证
    »
  • weixiao kaixin tushetou jingkong deyi fanu liezui liuhan daku ganga bishi nanguo lihai qian yiwen numu tu yi haixiu se fadai minyan hehe henkaixin huaji biyiyan kuanghan maimeng shui xiaku penqi zhangzui pen aini ye niu laji ok chigua renshi kongbu shuai xiaoxiese touxiao huaixiao jingnu chihuai kaisang xiaoku koubi zhuangbi lianhong kanbujian shafa zhijing xiangjiao dabian yaowan redjing lazhu rizhi duocang chixigua hejiu xixi xiaopen goukun xiaobuchu shenme wusuowei guancha lajing chouyan xiaochi bie zhadanzui zhadanxiao