解决IOS中input失焦后，页面上移，点击不了问题

IOS在Input失焦后，发现body的页面会停止不下来，并且页面上的输入框，按钮点击事件，全部都移位了，需要滑动一下才可以正常。

下面是解决方法，可全局引用：

var u = navigator.userAgent; var flag; var myFunction; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isIOS) { document.body.addEventListener('focusin', () => { //软键盘弹起事件 flag = true; clearTimeout(myFunction); }) document.body.addEventListener('focusout', () => { //软键盘关闭事件 flag = false; if (!flag) { myFunction = setTimeout(function () { window.scrollTo({ top: 0, left: 0, behavior: "smooth" })//重点 =======当键盘收起的时候让页面回到原始位置(这里的top可以根据你们个人的需求改变，并不一定要回到页面顶部) }, 200); } else { return } }) } else { return }引自：https://www.javascriptcn.com/read-52084.html

转载于:https://www.cnblogs.com/wr20190131/p/10855873.html

解决IOS中input失焦后，页面上移，点击不了问题相关推荐

解决 idea 中 jsp 修改后页面不生效
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1.问题描述:idea 编辑 jsp , 修改好后在浏览器访问却发现页面完全无变化 . 2.解决, ...
IOS系统中input标签获取焦点页面会放大的问题
IOS系统中input标签获取焦点页面会放大的问题在iOS系统中打开网页,input框输入时,输入框获取焦点的时候页面会放大,如果没有经过设置,页面放大之后就不会自动还原.使内容撑开浏览器,底部产生 ...
解决iOS手机连接fiddler后出现 “此站点的安全证书不受信任” 的问题！！！
解决iOS手机连接fiddler后出现 "此站点的安全证书不受信任" 的问题!!! 配置Fiddler 设置iOS设备代理之前想用Fiddler来抓取iOS手机App数据,在网上 ...
解决React中input输入框在中文输入法下的bug
解决React 中input 输入框在中文输入法下的bug 需求:封装Input 组件,输入拼音过程中不触发onChange,拼音输入结束后触发onChange 原理:input 标签上面有两个事件, ...
解决iOS手机连接fiddler后出现此站点的安全证书不受信任的问题
关闭Fiddler点击此处安装 Fiddlercertmaker.(!!!注意这步是解决问题的关键.!!!) 安装完成后,打开Fiddler,打开"Tools">& ...
Vue 自定义指令解决IOS webview input 获取焦点被键盘遮挡
Vue 自定义指令解决IOS webview input 获取焦点被键盘遮挡创建自定义指令在使用input的地方添加自定义指令,记录一下还有优化空间. vue 文件 <div id=&qu ...
uni-app转抖音小程序在ios中input标签的问题
一.input标签在ios不显示本人开发中用uni-app转字节小程序的,发现在开发工具和安卓上input标签可以正常显示,但是在ios上发现input标签不显示. 解决办法:给input加上宽度: ...
上传图片方向不对 php,如何解决IOS中html5上传图片方向问题？
这篇文章主要介绍了IOS中html5上传图片方向问题解决方法的相关资料,需要的朋友可以参考下用html5编写图片裁切上传,在iphone手机上可能会遇到图片方向错误问题,在此把解决方法和大家分享一下 ...
vuex页面数据丢失_解决 vuex 中的数据在页面刷新之后就丢失的问题
在vue的项目中我们一般都会使用到vuex,在vuex中我们会保存一个需要全局使用的变量或者状态,这样方便我们使用.但是vuex的store中的数据有一个特性,那就是在页面刷新时,页面会重新加载vue ...

解决IOS中input失焦后，页面上移，点击不了问题

解决IOS中input失焦后，页面上移，点击不了问题相关推荐

最新文章

热门文章