IOS微信浏览器软键盘收起后弹框的焦点BUG

使用问题描述:
IOS微信内置浏览器,微信弹框填写内容,如下图
过程图一到图二,键盘收起时,也页面的位置显示都很正常,但是输入框点击获取不到焦点,取消和确定的按钮都点了没有反应,再弹出软键盘弹框上移的时候导致弹框整体上移,收回软键盘的时候,虽然看似页面下来了,实际这只是表象,对应的输入框和按钮的位置都在键盘弹出时候的位置,没有恢复

image.png

解决方案

         const userAgent = window.navigator.userAgent;
        document.body.addEventListener('focusin', () => {
            //软键盘弹出的事件处理
            if(/iPhone|iPad|iPod/i.test(userAgent)) {
            }
        })
        document.body.addEventListener('focusout', () => {
            //软键盘收起的事件处理
            if(/iPhone|iPad|iPod/i.test(userAgent)){
                window.scrollTo(0,0);
            }
        })

谢谢支持

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值