移动端—input 输入关闭键盘后页面底部留白

<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)
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。