ios中,h5输入框光标位置异常(软键盘导致)

通过vue+vant做了一个h5的页面,结果发现在部分ios机型中光标位置错乱,经排查发现软键盘弹出后导致webview区域发生了改变,而且页面默认向下滚动了。

每次触发input的focus事件都会调起软键盘,所以可以在focus事件中执行window.scrollTo(0,0)

  inpFocus () {
      setTimeout(() => {
        if (window.scrollY !== 0) {
          window.scrollTo(0, 0)
        }
      }, 300)
    },

你可能感兴趣的:(ios中,h5输入框光标位置异常(软键盘导致))