ios12 键盘弹起不回落 bug

最新推荐文章于 2025-06-22 22:51:06 发布
原创 最新推荐文章于 2025-06-22 22:51:06 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一段用于在OS12系统上确保网页滚动至顶部的JavaScript代码，通过监听页面失焦事件并自动将滚动条位置归零，提升用户体验。

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

if(/os 12/ig.test(navigator.userAgent)){
document.body.addEventListener(“blur”,function(){
window.scrollTo(0,0);
},true);
}

js解决移动端在iOS和android 监听软键盘弹起、收起
前端程序员、项目经理、人工智能博主
10-31 4885
1.在ios中软键盘弹起时，仅会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案，因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 2.在android中软键盘弹起或收起时，会改变window的高度，因此监听window的onresize事件；......
原生H5 IOS解决监听软键盘导致样式bug
拥抱AI Design
04-21 839
本文主要介绍通过监听软键盘的弹起和收起，动态改变样式。 一、问题描述 当软键盘弹起时，IOS的fixed会变成absolute，导致样式布局出现异常。 二、关键代码 .html <header class="mui-bar mui-bar-nav" :style="isFocus" > </header> .js if($.os.ios) { document.ad...
移动端网页中ios 键盘弹起bug
last_sho的博客
07-11 683
这里写自定义目录标题移动端网页中ios 键盘弹起bug光标问题解决方法：抬起键盘后点击页面弹出窗口后，事件失效，页面无交互，点击无效果，滑动以后才有能再次点击解决方法：侦听input事件失去焦点效果，然后修改body的scrollTop,具体数值可以自行修改。 移动端网页中ios 键盘弹起bug 光标问题 再输入框输入后点击提交按钮后，弹窗会发现光标穿透问题 解决方法： 使用input blur...
H5 IOS 虚拟键盘不回落的问题
aiqingzhi5290的博客
06-21 209
在 H5 页面中，会发现在高版本的 IOS 系统中（ios12以上）和微信版本6.7.x以上，都会发现 input 等输入框，输入内容之后发现虚拟键盘消失，但是页面出现大面积白框。 解决办法（最后加上是否是微信浏览器）： 　　document.addEventListener('focusout', () => { setTimeout(() => { ...
修复iOS12 下微信浏览器收起键盘后的一个bug
aishuo5474的博客
07-02 204
jQuery(document).delegate('input, textarea', 'blur', function(){ setTimeout(function(){ jQuery('html').animate({height: '100.1vh'}, 100, function(){ jQuery(this).animate({height:...
ios12以上微信内置浏览器键盘回收后空白问题处理
weixin_44330517的博客
02-27 1456
问题：公司项目，表单提交页面，如下图所示，在输入框输入内容后，点击底部提交按钮，事件没有触发 问题本质：ios12以上（目前），微信内置的浏览器在键盘回收后会留下一个透明的遮罩（个人猜想，没法验证），遮挡了页面底部，没法点击到提交按钮。在每次拖拽页面滚动后，页面又是可以点击提交的，所以这个bug可以通过滚动页面是兼容这个bug。 处理方式：既然已经明确了问题的原因，处理方式其实就是滚动下页面就能...
ios中键盘回落留白问题
chunchengshao0931的博客
06-17 206
https://juejin.im/post/5cff9601f265da1bc5525aae?utm_source=gold_browser_extension handleFocus(event) { clearTimeout(this.timer); } handleblur()...
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
12-11
最近微信和ios都有版本升级，不知道是哪边升级造成的，但是经过测试，软键盘收起后，再滚动一下页面，下面的留白就会消失。所以只要在输入完毕后模拟一下这个“滚动”的操作，就能解决问题了。 如果是用vue写的： &...
Vue3 - 手机移动端H5网页强力解决弹起软键盘后页面被挤压变形或页面整体上移问题，点击input输入框键盘弹出底部被上推往上顶遮挡及各种问题（兼容安卓苹果ios手机，微信公众号网页微信内置浏览器）
最新发布
资深程序员
06-22 5151
vue3，h5网页，input输入框组件，vue3 h5软键盘弹出，vue3输入框，键盘弹起时页面整体上移问题，uni，H5页面，解决软键盘弹起页面被挤压、被往顶的问题，解决vue3输入框，键盘弹起时页面整体上移问题，vue3调用手机系统软键盘，页面窗口被顶起，布局定位失效，解决VUE3软键盘弹起导致页面fixed定位元素被顶上去，输入法软键盘弹起，窗口顶起，变形解决办法，Vue中input组件在IOS设备上弹出软键盘时页面整体上移问题的解决方案，以及input组件聚焦后弹出软键盘固定在，Vue3软键盘把界
项目难点：解决IOS调起软键盘之后页面样式布局错乱问题
Mr.小灰狼_随笔
08-15 3002
项目难点：解决IOS调用起软键盘之后页面样式布局错乱问题
IOS输入框不贴底解决方法（ios12新bug）
weixin_34198453的博客
02-18 1867
结构如下 我们需要做的就是当聚焦评论框的时候，ios需要让键盘顶起评论框。在ios系统中，当键盘弹起的时候，会挤压页面，评论框会自然在顶部，但是有个问题就是，下面的评论框会不贴底，露出下面的东西，所以在ios12之前的解决办法就是在评论框触发focus的时候让页面滚动到底部，代码如下： const body = document.dcumentElement.scrollTop ? docume...
IOS关于键盘的弹出和收起
A1521315qwss的博客
10-28 1783
IOS关于键盘的弹出和收起 UITextField *text = [[UITextField alloc]init]; [text becomeFirstResponder]; 让键盘成为第一响应者 收起键盘即结束编辑 [self.view endEditing:YES];
h5 移动端 监听软键盘弹起、收起
热门推荐
huch的博客
08-21 3万+
前面一篇博客 h5 安卓 键盘弹起界面适配 修改webview高度提到了在Adnroid中如何监听软键盘的弹起与收起，是利用的窗口的高度发生变化 window.onresize事件来做突破点的，但是ios中软键盘的弹起收起并不触发window.onresize事件。 总结： 1.在ios中软键盘弹起时，会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来...
iOS12 bug总结（持续更新）
u012413955的博客
09-19 1万+
iOS12fix掉的问题： 第一、iOS11.3 WKWebView的多选图片功能出现了bug。我们apple的架构设计如下： rootViewController为UITabBarController,然后add了五个NavigationController，这里的bug主要的表现是：当用户在wkwebview中唤起相册后选取多张相片，相册的右上角一直都是取消按钮，没有完成按钮，导致无法选取...
ios键盘将按钮弹起
qq_38992657的博客
03-04 288
ios会遇到键盘将按钮弹起的操作， 解决了， 如果有其他方法，欢迎讨论~！ 丑图献上
iOS-键盘弹出的类型
Mazy's Blog
05-06 5466
iOS 提供了10种键盘类型，在开发中，我们可以根据不同的需求，选择不同的键盘样式，例如，当我们只需要输入手机号码时，可以选择纯数字类型的键盘（NumbersAndPunctuation），当我们需要输入网址时，可以选择URL样式的键盘（UIKeyboardTypeURL），其中，默认的键盘样式（UIKeyboardTypeDefault）就是（UIKeyboardTypeNamePhonePad）
iOS软键盘调用遮挡问题及软键盘撑起的页面无法正常回退到原来位置BUG解决方案
谭少.居然的博客
01-15 2228
最近在写一个h5，大家都知道，移动端开发嘛，兼容问题是经常会遇到的，尤其是iOS，本人已经无力吐槽了。 虽然移动端安卓和iOS大部分内容都是兼容的，但是iOS还是有一些地方与安卓还是很有差异的，所以在开发过程中个人建议大家将iOS不兼容部分独立出来做处理。 今天本人就碰到了一个iOS的特殊bug，是输入框调起软键盘后输入框fixed定位失效被软键盘遮挡，发送消息过后软键盘占用部分无法正常回退的...
iOS 搜狗输入法键盘唤不出的解决办法
mengxp的博客
03-21 1万+
http://429006.com/article/technology/3645.htm 症状：微信或者QQ很多时候突然间键盘就没有了，还有比如一案键盘的L或者K就直接把输入法跳没有了，切换到iPhone自带的输入法了，最后只能输入表情，有没有碰到这样的情况的，怎么解决的？ 解决办法： 这个时候你只需要从下往上触摸屏幕，把“锁自动旋转”的关闭，然后屏幕打横一下再旋转
iOS监听系统键盘的弹起和回收
gx_wqm的专栏
06-01 8436
要监听键盘的弹起和回收，系统没有提供api，但我们可以通过监听事件来实现： 弹起：[[NSNotificationCenter defaultCenter] addObserver:self                                              selector:@selector(keyboardWillShow:)             
iOS键盘弹出视图自动上移解决方案源码解析
在iOS应用开发中，当用户点击输入框（UITextField或UITextView）时，系统会自动弹出软键盘，以便用户进行输入。然而，弹出键盘可能会遮挡输入框，导致用户无法看到自己正在输入的内容。为了优化用户体验，开发者需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值