处理谷歌浏览器总是提示无法阻止事件的报错
这个问题一直困扰了我很久了,之前我做手机端侧栏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最佳呀!
-
本文分类:CSSJavaScript
-
本文标签:谷歌报错,阻止触摸事件报错
-
流行热度:已超过 212 人围观了本文
- 最后更新:2019年12月10日 - 20时21分47秒
- 发布日期:2019年12月10日 - 20时21分47秒
- 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
评论(0)