解决ios h5 内 输入框 唤起键盘后 滚动问题

874 阅读1分钟

问题原因

ios内 唤起键盘后 输入框的界面可以滚动,导致不能输入

解决办法

监听输入框被获取的时候 禁止页面滚动

const stopMove = (e: any) => {
    e.preventDefault()
  }
onFocus={() => document.body.addEventListener("touchmove", stopMove, {
  passive: false, // 解决ios键盘唤起后的滚动问题
})}
onBlur={() => document.body.removeEventListener("touchmove", stopMove)}