场景:ios上,软键盘弹出时视图被顶出可视区域,软键盘收回之后视图留白不恢复的问题
解决:
import Vue from 'vue'
// 判断是安卓还是ios
const isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1
const resetInput = Vue.directive('resetInput', {
inserted(el) {
if (isAndroid) {
return
}
el.addEventListener('blur', function () {
window.scrollTo(0, 0)
window.scroll(0, 0)
})
},
unbind(el){
el.removeEventListener('blur')
}
})
export default {
resetInput
}