使用MUI框架总是报Unable to preventDefault inside passive event listener due to target being treated as pass

最新推荐文章于 2026-03-28 03:31:10 发布

原创最新推荐文章于 2026-03-28 03:31:10 发布 · 5k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Mui及Html5+ 专栏收录该内容

1 篇文章

订阅专栏

最新版Chrome改变了preventDefault()的行为,不再清除浏览器默认行为。文章探讨了此变更对mui.min.js、JQ等库的影响，并提供了一种替代方案来处理触摸事件。

因为最新的chrome（其中包括现在市面上近几年出的安卓机子）给这个preventDefault返回了naive，不再是清除浏览器默认行为了了。

其中mui.min.js里面涉及46处地方，未压缩版本有57个左右，JQ中包含10个的样子

现只能通过以下几个属性粗略的代替原来需要的效果：

event.cancelable 浏览器默认行为是否可以被禁用
event.defaultPrevented 浏览器默认行为是否已经被禁用

document.addEventListener('touchstart', function(event) {
    // 判断默认行为是否可以被禁用
    if (event.cancelable) {
        // 判断默认行为是否已经被禁用
        if (!event.defaultPrevented) {
            event.preventDefault();
        }
    }
}, false);

只能这样先顶着了