IOS公众账号，点击select事件没有反应

最新推荐文章于 2024-04-27 00:58:06 发布

xiaoxiaoman2010

最新推荐文章于 2024-04-27 00:58:06 发布

阅读量792

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/xiaoxiaoman2010/article/details/98481595

针对微信iOS客户端特定版本中出现的点击事件失效问题，尤其是在iphonex等机型上的三级联动选择器上，本文详细分析了bug原因并提供了解决方案。通过监听blur事件并滚动页面至body顶部，确保了点击事件的正常触发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信公众号出现了点击无效的bug！！测试调查发现，只有iphonex、iphone6，ihpone7，ihpone8等部分机型更新到最新版本微信后会出现该问题

在页面中写了一个弹出框的三级联动，点击第三个时没有反应，点击多次，竟然调起了下面的提交按钮事件。但是，如果将页面上划一下，select点击事件就可以使用。推测是body没有正确重新渲染，导致点击事件不处于body内而无法触发。

解决方案：全局设置：

/**
* 处理iOS 微信客户端6.7.4 键盘收起页面未下移bug
*/
(/iphone|ipod|ipad/i.test(navigator.appVersion)) && document.addEventListener('blur', (e) => {
// 这里加了个类型判断，因为a等元素也会触发blur事件
['input', 'textarea','select'].includes(e.target.localName) && document.body.scrollIntoView(false)
}, true)

参考链接：http://www.cocoachina.com/cms/wap.php?action=article&id=25941