微信6.7.4 ios12 软键盘收回时页面不回弹,导致光标位置错乱,再次点击输入框区域时无法focus

news/2025/2/21 7:39:19/

https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800

https://blog.csdn.net/qq_23370345/article/details/84757505

参考上述文章,可解决,补充多个输入框处理方法:

   /* 问题: ios12+,微信6.7.4版本存在bug,键盘收回时,界面没有恢复,底下出现空白区域,并导致光标位置错乱,再次点击输入框区域时无法focus解决方案: 当input失焦,键盘收回后,滚动一下页面就可以使页面恢复正常补充: 当在手机号与验证码之间切换输入时,会同时触发前输入框的blur和后输入框focus,这个时候触发滚动,页面会出现较大跳跃,因此通过inFocus 和 setTimeout 判断,是切换input还是真正blur,真正blur的时候,再滚动页面*///focusiptFocus () {this.errorMessage = '';this.inFocus = true;},//bluriptBlur () {let this_ = this;this_.inFocus = false;setTimeout(function () {if(this_.inFocus == false){// 当input 失焦时,滚动一下页面就可以使页面恢复正常this_.checkWxScroll();}},200)},checkWxScroll(){var ua = navigator.userAgent.toLowerCase();var u = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);if(ua.match(/MicroMessenger/i) == 'micromessenger'&&!!u){//在iphone 微信中
//            var osVersion  =  navigator.userAgent.match(/iPhone\sOS\s([\d\_]+)/i);
//            var  osArr = osVersion.length>=1? osVersion[1].split('_'):[];
//            var newOS = osArr.length>=2 && (versionArr[0]>11)
//            if(newOS){ //如果iphone版本号>=12this.temporaryRepair();
//            }}},temporaryRepair(){var currentPosition,timer;var speed=1;//页面滚动距离timer=setInterval(function(){currentPosition=document.documentElement.scrollTop || document.body.scrollTop;currentPosition-=speed;window.scrollTo(0,0);//页面向上滚动
//            currentPosition+=speed; //speed变量
//            window.scrollTo(0,currentPosition);//页面向下滚动clearInterval(timer);},1);},

 


http://www.ppmy.cn/news/403241.html

相关文章

auto-focus

Hi there! As I verified, this camera doesn’t appear to have auto-focus. However, it has a particular spec named “focus_auto” which is bool and set to 1 by default. Can you tell me the meaning of this? Another question is related to camera resolution. I…

ICV:中国市场车载CMOS图像传感器(CIS)的市场规模有望在2026年突破20亿美元

近年来,汽车CMOS图像传感器(CIS)在汽车行业得到了极大关注,CIS已经成为高级辅助驾驶传感器系统的重要组成部分。CIS技术使得更小、更高效、更经济的车载视觉传感器被开发并且量产。与另一种图像传感技术CCD相比,CIS具有…

输入法中英文状态悬浮提示,利用AutoHotkey实现【转载】+我的使用感受

下载网址 AutoHotkey 安装之后新建一个txt文件,把代码复制进去,另存为.ahk文件,双击运行这个ahk文件即可。 原代码 输入法状态提示,中文状态提示“中”,英文状态提示“EN”,切换中英文状态的时候&#…

Nginx的安装和配置

下载 访问官网:https://nginx.org/ 点击最新的版本下载, 进入详情页,选择下载任意版本 解压编译安装 tar zxvf nginx-1.22.1.tar.gz解压之后得到文件夹 nginx-1.22 安装之前保证使用的工具和库存在 # 安装gcc yum install -y gcc # 安装…

Fuchsia 是什么?Fuchsia OS 的未来如何?

今天意外地看到 Fuchsia 系统即将进入 “dogfood” 测试,也就是开发者已经对系统开始亲自测试的阶段,未来不远就可能进入公开测试阶段了,这对于 Flutter 开发者来说算是一个好消息。 Fuchsia 是 Google 开发的继 Android 和 ChromeOS 之后的第…

vue动态插入和移除组件

例子: 业务需求 页面有N个input标签,每个input获取焦点的同时在input下方显示一个组件快捷输入 常见方式 使用v-if,在遍历input的时候,同时也遍历快捷输入的组件。但是每个快捷输入的组件都需要一个变量去控制显示/隐藏。如果页面input数量多,就很麻烦…

[AHK]输入法状态提示,中文状态提示“中”,英文状态提示“EN”

输入法状态提示,中文状态提示“中”,英文状态提示“EN”, 切换中英文状态的时候,或者用鼠标切换到另一个编辑窗口的时候再次提示,循环如此。 ;功能:输入法状态提示 ;环境:win10搜狗输入法&…

《IDC MarketScape:2022全球通用计算机视觉厂商评估》出炉,腾讯云智能入选

近日,全球领先的IT市场研究和咨询公司IDC发布了2022年度《MarketScape:全球通用计算机视觉厂商评估》报告(以下简称“报告”),腾讯云智能凭借在计算机视觉领域领先的技术积累、出色的产品能力和丰富的行业落地实践&…