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

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

作者: 大眼袋阿姨 | 来源:发表于2020-05-31 16:34 被阅读0次
    <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 输入关闭键盘后页面底部留白

          本文链接:https://www.haomeiwen.com/subject/wzqrzhtx.html