ios 调起键盘后点击不了 点击事件错位

在开发移动端webapp的时候,在微信端ios浏览器中遇到过一个巨坑。

我在做一个移动端登录的页面,页面需要输入手机号密码,当我点击input输入框,输入一连串的字符之后,然后点击完成,ios键盘消失,input失去焦点,这时候发现再次点击input框的时候不能够获取焦点了(注意:不是必现情况)。点击事件发生了错位,比如我点击了上面,可是实际出发点击事件的位置和我手指点击的位置不一样。

废话不多说,直接说解决方法。

添加失去焦点事件

  <input type="number" pattern="[0-9]*" class="r" placeholder="请填写手机号" v-model="phone" @blur="scrollto0">
methods: {
  scrollto0 () {
    window.scrollTo(0, 0);
  }
}

当然,如果你调起键盘前滚动条不为0,需自行处理滚动条位置。

有问题可以联系本人QQ:836717428

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容