iOS手机上input输入框无法输入bug


修复苹果iOS 原生键盘遮挡input框

安卓手机中唤起软键盘时页面会压缩webview的高度,窗口会执行resize事件,但ios并不会。

https://juejin.cn/post/6844903609063194637

 1 // 输入框获得焦点事件
 2 onFocus() {
 3     setTimeout(function(){
 4         // 设置body的高度为可视高度+302
 5         // 302为原生键盘的高度
 6         document.getElementsByTagName('body')[0].style.height = (window.innerHeight + 302) + 'px';
 7         document.body.scrollTop = 302;
 8     }, 300)
 9 }
10 // 输入框失去焦点事件
11 onBlur() {
12     // 设置body恢复原来的高度
13     document.getElementsByTagName('body')[0].style.height = window.innerHeight + 'px';
14 }

彻底解决软键盘弹起遮挡输入框问题

https://juejin.cn/post/6876385628792029197