修复苹果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