在这里插入图片描述

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 这种报错应该怎么办?

遇到这种错误简单来说是这样的

  1. chrome 监听touch类事件报错:无法被动侦听事件preventDefault,是新版本chrome 浏览器报错。
  2. preventDefault(),这个是取消默认事件的,如果这个函数起作用的,比如默认的表单提交,a链接的点击跳转,就不好用了。
  3. google就决定默认取消了对这个事件的检查,默认时间就取消了。直接执行滑动操作。这样就更加的顺滑了。
    但是浏览器的控制台就会进行错误提醒了。

应该如何解决?

1.CSS 属性 touch-action: none; 这样任何触摸事件都不会产生默认行为,但是 touch 事件照样触发。

2.注册处理函数时,用如下方式,明确声明为不是被动的

window.addEventListener(‘touchmove’, func, { passive: false })

Logo

鸿蒙生态一站式服务平台。

更多推荐