在开发移动端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
在开发移动端webapp的时候，在微信端ios浏览器中遇到过一个巨坑。 我在做一个移动端登录的页面，页面需要输入手...
ios中键盘隐藏，底部出现空白，导致点击事件失效。原因：当设置adjustPosition={true}时候，键盘...
解决方法： js：
iOS UIScrollView点击空白结束编辑、收起键盘已知有三种方法。 添加点击手势事件.xib/.story...
1、focus()调起键盘不同：IOS的原来的内核不能调起键盘，换成webkit webview内核，能调起键盘，...
这里介绍一个非常神奇的坑?键盘弹出时点击背景按钮未响应，这边情况特殊在键盘弹出后，点击按钮颜色有变，但是点击事件却...
键盘点击事件 1、keyup 键盘按键松开后执行2、keydown 键盘按键按下时执行3、keypress 键盘按...
1、节流函数 当持续触发事件时，保证隔间时间触发一次事件。 应用场景：处理点击事件，每隔delay时间再次调起点击...
问题一 : IOS TableView 如何cell去除点击后产生的灰色背景 方法一:重写 cell 点击事件 -...
在iOS端键盘弹出,整体界面向上偏移,点击空白区域键盘隐藏后,整体界面复原,但是点击时发现偏移 虽然界面看起来复原...
本文标题：ios 调起键盘后点击不了 点击事件错位
本文链接：https://www.haomeiwen.com/subject/aztarqtx.html
网友评论