码迷,mamicode.com
首页 > 移动开发 > 详细

新版chrome移动端踩坑

时间:2018-12-25 11:40:42      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:dde   之一   listen   har   调试   nbsp   chrome   int   移动   

我再更新到最新的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移动端踩坑

标签:dde   之一   listen   har   调试   nbsp   chrome   int   移动   

原文地址:https://www.cnblogs.com/yang656/p/10172458.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!