iOS键盘弹起收起光标移位

在iOS中表单元素获取焦点,键盘弹起时页面也会跟着向上移动,当表单元素失去焦点键盘收起时input光标却还在弹起时的位置,这样就发生了偏差移位,导致用户点击时老出现错误,用户体验极差。

解决方案


    blur() { // 当表单元素失去焦点时让页面回滚
       this.time = setTimeout(() => {
        window.scrollTo(0,0);
      }, 200)
    },
    focus() { // 防止页面有多个表单来回点击
      clearTimeout(this.time)
    }

你可能感兴趣的:(iOS键盘弹起收起光标移位)