描述:小程序 web-view 加载 H5 类聊天页面,软键盘弹出后遮挡输入框(仅小程序遮挡,公众号,浏览器均正常)。
通过js查看页面高度代码如下:
this.clientHeight = document.documentElement.clientHeight || document.body.clientHeight
其正常显示手机弹出软键盘后该高度改变,非正常显示手机则不改变(页面会根据软键盘高度自动修正输入框位置,且输入框定位方法为 absolute)
机型:华为 nova 6;小米 6E;华为 p30(同样型号,同样系统版本,同样微信版本7.0.13,同样基础库版本2.11.0,一部显示正常,另一部显示异常)
页面:
正常显示手机:
异常显示手机:(更换为和正常显示手机相同的输入法问题依然存在)
相同问题,不触发resize事件,也不失去焦点。
具体解决办法有吗?楼主,你上面的代码没有太详细的步骤。
问题解决,解决方法:
不使用
window.onresize
使用
document.body.addEventListener('focusin', () => {
document.body.addEventListener('focusout', () => {
监听页面软键盘弹出,可用
请具体描述问题出现的流程,并提供能复现问题的简单代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
appid wx0a43dda7d75b1d93