我再更新到最新的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,就这样就好了