码迷,mamicode.com
首页 > 移动开发 > 详细

H5 IOS 虚拟键盘不回落的问题

时间:2019-06-21 18:39:28      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:style   bsp   虚拟键盘   ace   输入   系统   settime   alt   浏览器   

在 H5 页面中,会发现在高版本的 IOS 系统中(ios12以上)和微信版本6.7.x以上,都会发现 input 等输入框,输入内容之后发现虚拟键盘消失,但是页面出现大面积白框。

解决办法(最后加上是否是微信浏览器):

  document.addEventListener(‘focusout‘, () => {

      setTimeout(() => {
        let height = document.documentElement.scrollTop || document.body.scrollTop
        window.scrollTo(0, height + 1)
        window.scrollTo(0, height - 1)
      }, 20)
    })

H5 IOS 虚拟键盘不回落的问题

标签:style   bsp   虚拟键盘   ace   输入   系统   settime   alt   浏览器   

原文地址:https://www.cnblogs.com/xqmyhome/p/11066132.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!