美文网首页
记移动端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