解决ios上,软键盘弹出时视图被顶出可视区域,软键盘收回之后视图留白不恢复的问题

214 阅读1分钟

场景: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
}