移动端滑动时报错:Unable to preventDefault inside passive event listener due to target being t

今天解决了一个前端bug,使用的mui的tab标签切换插件,在改区域滑动时,浏览器会大量的报错:Unable to preventDefault inside passive event listener due to target being…

针对这个问题百度查了一个,用两个办法解决:

方法一:

在touch的事件监听方法上绑定第三个参数{ passive: false },
通过传递 passive 为 false 来明确告诉浏览器:事件处理程序调用 preventDefault 来阻止默认滑动行为。

elem.addEventListener(
  'touchstart',
  fn,
  { passive: false }
);

方法二

css通配符去掉滑动的默认样式

 * { touch-action: pan-y; } 

赞(1) 打赏
未经允许不得转载:版权所有@七娃设计室七娃博客 » 移动端滑动时报错:Unable to preventDefault inside passive event listener due to target being t
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

七娃设计,让设计贴近生活

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏