美文网首页
记移动端iOS端input失去焦点后键盘收起页面不归回原位置解决

记移动端iOS端input失去焦点后键盘收起页面不归回原位置解决

作者: Dr丶net | 来源:发表于2019-11-27 11:14 被阅读0次
    input父级绑定focusout事件
    <template>
      <div @focusout="inputBlur($event)" class="input-parent">
              <input  @focus="getFocus"  placehoder="输入账号" />
              <input  @focus="getFocus" placehoder="输入密码" />
      </div>
    </template>
    <script>
    // other code
    
    // input聚焦的时候记录 body的scrollTop
    private getFocus(){
      this.scrollTop = '" "
    }
    // 失去焦点之后键盘收起强制进行body归位
    private inputBlur(e:any){
      if (e && e.target && e.target.tagName && e.target.tagName.toLowerCase() === 'input') {
          setTimeout(() => {
            document.body.scrollTop = this.scrollTop;
          }, 200);
        }
    }
    </script>
    

    相关文章

      网友评论

          本文标题:记移动端iOS端input失去焦点后键盘收起页面不归回原位置解决

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