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

这个问题一直困扰了我很久了,之前我做手机端侧栏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最佳呀!