1. 程式人生 > >新版chrome移動端踩坑

新版chrome移動端踩坑

使用 需要 tar inter pan div doc cancel list

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

新版chrome移動端踩坑