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

2019-11-27  本文已影响0人  Dr丶net
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>
上一篇下一篇

猜你喜欢

热点阅读