前端：IOS软键盘关闭页面不会位解决办法

最新推荐文章于 2023-10-31 12:40:13 发布
原创 最新推荐文章于 2023-10-31 12:40:13 发布 · 370 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#IOS

本文介绍了一种在网页中处理软键盘关闭事件的方法，通过在document.body上添加'focusout'监听器，并在触发时使用window.scroll将页面滚动条位置重置到顶部，确保页面在软键盘关闭后能够正确归位。 
//软键盘关闭事件
document.body.addEventListener('focusout', () =>{ 
      window.scroll(0,0);//失焦后强制让页面归位
});

在页面加上这段JS 就可以了

Vue2 - 移动端H5网页点击输入框弹出软键盘后，收起后页面无法复原的问题，页面没能恢复原状+遮盖遮挡+布局出现上移或下移整体未复原到打开软键盘之前（解决弹出键盘导致页面布局错乱，安卓+苹果ios）
🏆 前端领域优质创作者
04-07 1万+
vue，移动端网页，输入框弹起软键盘，布局没有上移，弹出软键盘的时候页面顶起不恢复，实现移动端自动弹起软键盘，软键盘挡住输入框的解决方案，移动端技术问题 — H5页面底部弹出页input输入时整个弹出页被输入法顶起的解决方法，vue h5页面软键盘遮挡等，软键盘顶起页面，H5，input输入时，软键盘弹起不能自动收回，移动端软键盘监听弹出收起及影响定位布局，H5-input弹起键盘遮盖输入框，收起后导致页面无法复原的问题，输入框弹起软键盘，收起后导致页面无法复原的问题，移动端的软键盘对页面css布局影响的解
uniapp [移动端H5网页] - 强力解决弹起软键盘后页面被挤压变形或页面整体上移问题，点击input输入框键盘弹出底部被上推往上顶遮挡及各种问题（兼容安卓苹果ios手机，微信公众号网页也适用）
🏆 前端领域优质创作者
06-22 1万+
uni-app，h5网页，input输入框组件，uniapp h5软键盘弹出，uni-app 输入框，键盘弹起时页面整体上移问题，uni，H5页面，解决软键盘弹起页面被挤压、被往顶的问题，解决uni-app 输入框，键盘弹起时页面整体上移问题，uniapp调用手机系统软键盘，页面窗口被顶起，布局定位失效，解决uniapp软键盘弹起导致页面fixed定位元素被顶上去，输入法软键盘弹起，窗口顶起，变形解决办法，UniApp中input组件在IOS设备上弹出软键盘时页面整体上移问题的解决方案，以及input组件聚
ios输入后关闭键盘
vslimit的专栏
02-17 176
文本框输入后关闭键盘：   demoViewController.h 添加   - (IBAction)textFieldDoneEditing:(id)sender;   demoViewController.m 实现   - (IBAction)textFieldDoneEditing:(id)sender {     [sender resignFirstResponder...
iOS中的键盘关闭操作
weixin_34294649的博客
07-15 160
ios键盘弹出后如何关闭，主要通过 resignFirstResponder函数 ，从API中可以看到该方法属于UIResonder类方法 [UIResponder resignFirstResponder] 理论上所有继承自nsobject的控件都能调用此函数 常用的的在textview, textfield控件。 常用的场景是在文字输入完毕点...
一句话关闭iOS软键盘
风---的专栏
06-18 1058
想必大家都遇到过一个view上好多输入框，为了关闭弹出的软键盘要遍历然后调用resignFirstResponder的吧？今天竟然发现一个关键这个view上可能打开的键盘很简单:[self.view endEditing:YES]; 直接ok了。 但是在Ipad版本的 模式视图时，用什么办法都关闭不了软键盘，求解啊，只能用键盘上的关闭按钮。
滑动关闭软键盘
MMMmoxie的博客
03-08 433
点击输入框搜索值得时候，因为ios会压缩DOM元素，导致页面可以上下滚动，此时滚动时关闭软键盘即可。 document.body.addEventListener('touchmove', function () { // @ts-ignore document.activeElement.blur(); },true)
iOS 中打开或关闭软键盘时调整 UIScrollView 的大小
wangsoko的专栏
05-23 3406
<br /> <br />在一个View中，UITextField较多且打开软键盘时，在屏幕底部的TextField可能会被软键盘挡住。为解决这个问题，需要将这个View中的所有控件放包在一个UIScrollView中。<br /> 1. 创建ScrollView对象<br />可以用下面的方法方便的创建ScrollView：用InterfaceBuilder打开XIB文件选中所有控件选择菜单：Layout → Embed Objects In → Scroll View选中Srcoll View控件，执行
iOS 移动端键盘收起防止产生空白
liuhao9999的博客
06-22 358
iOS 移动端键盘收起防止产生空白
【移动前端开发必备】：解决浏览器文本框焦点与软键盘冲突的终极策略
[【移动前端开发必备】：解决浏览器文本框焦点与软键盘冲突的终极策略](https://en.shiftdelete.net/wp-content/uploads/2023/04/tactile-tech-pop-up-keyboard-on-displays-1-1024x576.jpeg) # 摘要 移动前端开发...
uniapp软键盘隐藏之后留下键盘原弹出位置的空白
weixin_42998230的博客
05-11 3149
uniapp软键盘隐藏之后留下键盘原弹出位置的空白
关闭ios虚拟键盘的几种方法
miki西游 不积跬步,无以至千里;不积小流,无以成江海
12-26 501
在iOS应用开发中，有三类视图对象会打开虚拟键盘，进行输入操作，但如何关闭虚拟键盘，却没有提供自动化的方法。这个需要我们自己去实现。这三类视图对象分别是UITextField,UITextView和UISearchBar。 这里介绍一下UITextField中关闭虚拟键盘的几种方法。   (miki西游 @mikixiyou 原文链接: http://mikixiyou.iteye.co...
js解决移动端在iOS和android 监听软键盘弹起、收起
前端程序员、项目经理、人工智能博主
10-31 4949
1.在ios中软键盘弹起时，仅会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案，因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 2.在android中软键盘弹起或收起时，会改变window的高度，因此监听window的onresize事件；......
js移动端禁止手机软键盘弹出
qq_32825399的博客
07-12 1919
app移动端弹出键盘
js关闭ios虚拟键盘，js实现主动使input失去焦点
weixin_33913377的博客
03-23 1083
var input = document.getElementById("your-input-id"); input.blur();、键盘不会再弹出！！ 转载于:https://www.cnblogs.com/whtz/p/6604003.html
iOS 关闭软键盘
chenshun123的博客
10-20 1031
1> 直接关闭软件盘 [[[UIApplication sharedApplication] keyWindow] endEditing:YES]; 2> 点击不需要响应的软键盘，则关闭软键盘 /**  * 只需要点击非文字输入区域就会响应hideKeyBoard  */ - (void)textFieldShouldBeginEditing {     UITapGest
h5 移动端 监听软键盘弹起、收起
热门推荐
huch的博客
08-21 3万+
前面一篇博客 h5 安卓 键盘弹起界面适配 修改webview高度提到了在Adnroid中如何监听软键盘的弹起与收起，是利用的窗口的高度发生变化 window.onresize事件来做突破点的，但是ios中软键盘的弹起收起并不触发window.onresize事件。 总结： 1.在ios中软键盘弹起时，会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来...
js移动端ios端软键盘收起时页面向上有滑动导致功能失效
lqw199311的博客
12-03 3539
ios软键盘收起bug ios遇到一个bug,键盘弹起时输入后点软键盘的确认后页面会被挤上去一部分,如果这时滑动一下页面我写的事件能执行,不滑动的话方法就执行不了 解决办法:键盘收起手动滑到顶部 document.body.addEventListener('focusout', function () { window.scrollTo(0,0); }) ...
ios监听软键盘打开关闭事件
ITzhongzi的博客
06-12 1930
#import "ViewController.h" @interface ViewController ()<UITextFieldDelegate, UITextViewDelegate> @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // ...
在网页web端是使用前端调用软键盘
最新发布
11-21
如果不想使用系统软键盘，可以创建自定义的软键盘组件。自定义软键盘通常是一个模拟键盘的UI组件，当用户点击输入框时显示，并通过JavaScript将按键输入同步到输入框。 **示例：自定义软键盘的基本结构** ```html ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值