Skip to content

踩坑:iOS 微信浏览器关闭键盘时页面不回弹

INFO

疑似 iOS 微信浏览器的 bug

监听 iOS 键盘事件

js
document.body.addEventListener("focusin", () => {
  console.log("键盘弹起");
});
document.body.addEventListener("focusout", () => {
  console.log("键盘收起");
});

解决不回弹问题

js
document.body.addEventListener("focusout", () => {
  var ua = window.navigator.userAgent;
  if (ua.indexOf("iPhone") > 0 || ua.indexOf("iPad") > 0) {
    // 键盘收起页面空白问题
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
  }
});

最后编辑时间:

Version 4.2 (core-1.3.4)