<input type="text" v-model="tel" @focus="inputFocus($event)" @focusout="inputFocusout"/>
export default{
data(){
return {
timer:null,
}
},
methods: {
inputFocus(){
clearTimeout(this.timer)
},
inputFocusout() {
this.timer = setTimeout(() => {
window.scrollTo(0,0)
// 间隔设为10,减少页面失去焦点定时器的突兀感,
},10)
}
},
// 用户离开,就只执行销毁监听事件
destroyed() {
clearTimeout(this.timer)
}
}
移动端—input 输入关闭键盘后页面底部留白
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。