ios12微信H5输入框软键盘关闭后,页面无法回到正常位置

IOS12在开发微信公众号时遇到input输入框,失去焦点,键盘收回后,input框的位置改变的情况,需要监听失焦事件,并重新设定高度来解决这个问题:

$("input").blur(() => {
    setTimeout(() => {
        let ua = navigator.userAgent.toLowerCase()
        let u = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
        if (ua.match(/MicroMessenger/i) == 'micromessenger' && !!u) {
          //在iphone 微信中
          let currentPosition, timer
          let speed = 1 //页面滚动距离
          timer = setInterval(function() {
            currentPosition =
              document.documentElement.scrollTop || document.body.scrollTop
            currentPosition -= speed
            window.scrollTo(0, 0) //页面向上滚动
            clearInterval(timer)
          }, 1)
        }
      }, 200)  
})

 

你可能感兴趣的:(前端开发)