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 作者:吴俊源