• IOS存在点击延迟300毫秒的问题,这严重影响APP的用户体验,为了解决这个问题需要引入fastclick.js,并且在App.vue中使用以下脚本(注意是在mounted方法中)

  • 注意:

引入fastclick的方法是

import 'fastclick'

不是

import FastClick from 'fastclick'

下面代码解决IOS输入框第二次获取焦点延迟的问题

mounted () {
    FastClick.attach(document.body)
    document.body.addEventListener('click', function (e) {
        if (e.target.type == 'textarea' || e.target.type == 'text' || e.target.type == 'password' || e.target.type == 'search') {
            e.target.focus()
        }
    }, false)
}
  • 说明

fastclick是针对安卓的,如果安卓存在需要借助fastclick的某些优化细节来实现其它方面的改进,则开发人员需要另作考虑(官方fastclick已经排除了安卓设备,不会起作用)。

文档更新时间: 2020-01-07 14:53   作者:吴俊源