新版chrome移动端踩坑

Posted 2021-01-29 yang656

我再更新到最新的chrome版本后，使用vue开发移动端用chrome调试，当我点击input框控制台报错

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. 

　　这是chrome的坑之一，需要自己手动取消默认事件

这里推荐最简单的方法，使用css全局设置取消

*{ touch-action: pan-y; } 

　　当然  也可以使用js方式

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

　　ok，就这样就好了