iOS光标错位以及微信页面不回弹问题

最新推荐文章于 2025-06-30 09:05:09 发布

Chauncywu_fw

最新推荐文章于 2025-06-30 09:05:09 发布

阅读量914

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： input iOS 微信软键盘

本文链接：https://blog.youkuaiyun.com/qq_34812257/article/details/89705735

在iOS设备上，特别是在微信环境中，遇到了输入框光标错位和软键盘收起后页面不回弹的问题。该问题分别出现在微信的特定版本和iOS 11的某些版本。文中详细分析了问题原因，并提供了针对性的解决方案，包括在输入框失去焦点时重绘页面以解决微信页面不回弹问题，以及调整模态框布局为absolute来修正光标错位。

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

在这里插入图片描述
本文永久链接

场景

正常文档流中出现的input；
fixed定位的模态框中含有input；

问题

微信iOS 6.7.4 —— 微信iOS 7.0.1？，在软键盘收回后，页面不回弹；
iOS 11 —— iOS 11.3，输入框获取焦点后，弹出软键盘，而输入光标错位；Bug 176896

原因

微信iOS 6.7.4版本引入的bug，目前（7.0.1）未修复
iOS 11 —— iOS 11.3引入的bug，目前（12.1.2）已修复

解决

解决微信页面不回弹问题
在输入框失去焦点时，对页面进行重绘操作

var iptBug = {
  focus: 0,
  blur: 1,
  init: function() {
    $('body').on('focus', 'input', function() {
      iptBug.focus = 1;
      iptBug.blur = 0;
    });

    $('body').on('blur', 'input', function() {
      iptBug.focus = 0;
      iptBug.blur =