今天解决了一个前端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; }