原文:IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置

近期在开发微信H 页面时碰到这个问题,如图,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,这也是ios的微信版本更新 . . 之后才遇到的bug。 目前的解决办法是给输入框 或select选择框 添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效,具体代码如下: ...

2018-11-28 10:22 0 4146 推荐指数:

查看详情

ios浏览器输入框失去焦点页面不能回弹

问题:测试发现ios端浏览器中,input失焦,因软键盘顶起的页面没有回弹到原来位置,需手动滑动一下页面才可以恢复;android端没有发现这个问题解决方法:当失焦页面进行滚动: function blurFun() { setTimeout(() => ...

Fri Feb 21 04:38:00 CST 2020 0 176
ios软键盘页面抵到上面关闭软键盘页面不回弹

这个问题有时候会导致弹出确定按钮失效等一系列问题, 解决办法:失去焦点时将页面滚动到底层,或者最顶部,个人看实际情况滚动到适合位置 $('input,textarea').on('blur', function () { window.scroll ...

Wed Jan 02 18:36:00 CST 2019 1 1396
h5 ios浏览器 input获取焦点,收起软键盘,光标错位

整个页面布局如下: 期望达到的结果:给外层设置fixed,使页面在浏览器中固定,不会产生上下拖动的效果。 最后形成的结果是:输入框获取焦点输入内容,光标错位,导致不能选中输入框重新获取焦点(获取输入框焦点位置发生偏移); 解决方案:改变页面的布局结构 整个页面的最外层div使用 ...

Tue May 07 20:09:00 CST 2019 0 1383
移动端iOS中input输入框搜索软键盘出现换行而不是搜索

iOS输入框搜索时软键盘出现换行而不是搜索,而且点击软键盘完成按钮不会执行搜索事件, 解决一,必须使用form表单提交,但是键盘出现搜索,ajax请求方法中得不到input的值, 解决,form表单上必须包含action属性;action=“JavaScript:return true ...

Sat Aug 03 00:59:00 CST 2019 0 963
Android软键盘弹出,覆盖h5页面输入框问题

之前我们在使用vue进行 h5 表单录入的过程中,遇到了Android软键盘弹出,覆盖 h5页面 输入框 问题,在此进行回顾并分享给大家: 系统:Android 条件:当输入框在可视区底部或者偏下的位置 触发条件:输入框获取焦点,弹出软键盘 ...

Thu May 31 01:52:00 CST 2018 0 2310
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM