微信公众号弹出框在IOS最新系统中点击键盘上的“完成”导致事件无法触发问题
Posted 禁忌夜色153
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信公众号弹出框在IOS最新系统中点击键盘上的“完成”导致事件无法触发问题相关的知识,希望对你有一定的参考价值。
微信公众号弹出框在ios最新系统中点击键盘上的“完成”导致事件无法触发问题
问题描述
微信公众号中有项功能是弹框模态框,输入信息后保存操作。但是在IOS系统中发现,当输入内容后,点击键盘上的“完成”后,再点击“提交”无反应;跳过“完成”直接点击“提交”就可以正常保存
问题原因
当键盘弹出后,会将body向上弹起;但是点击“完成”后并没有将body拉回,导致点击事件不在body内而无法触发。
解决方案
点击ios键盘的“完成”按钮会触发失焦事件,安卓不会;因此在失焦事件中触发浏览器的重绘就行了。
方法一:
$("input").blur(function () {
document.body && (document.body.scrollTop = document.body.scrollTop);
})
方法二:
;(/iphone|ipod|ipad/i.test(navigator.appVersion) && document.addEventListener("blur", (e) => {
["input", "textarea"].includes(e.target.localName) && document.body.scrollIntoView(false);
}), true)
参考
ios最新系统bug与解决--微信公众号中弹出键盘再收起时,原虚拟键盘位点击事件无效
以上是关于微信公众号弹出框在IOS最新系统中点击键盘上的“完成”导致事件无法触发问题的主要内容,如果未能解决你的问题,请参考以下文章
ios 最新系统bug与解决——弹出键盘再收起时,原虚拟键盘位点击事件无效
ios 最新系统bug与解决——弹出键盘再收起时,原虚拟键盘位点击事件无效
为啥我的弹出框在 iPhone 6 Plus 上的 iOS 8.1 中崩溃? iOS 8 工作(实际上是 Xcode 6.0 到 6.1 的错误)