解决安卓手机上软键盘弹出挤压背景的问题

最新推荐文章于 2024-11-27 17:44:15 发布

转载最新推荐文章于 2024-11-27 17:44:15 发布 · 614 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/javenlee/p/7613928.html

文章标签：

#移动开发

本文提供了一种在网页中监听软键盘弹出的方法，通过比较窗口高度的变化来判断软键盘的状态，进而解决软键盘弹出时页面背景被挤压的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

demo：

// 解决本页面软键盘弹窗背景挤压的问题
  var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;
  $(window).on('resize', function () {
  var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight;
  if (clientHeight > nowClientHeight) {
      //键盘弹出的事件处理
  }
  else {
      //键盘收起的事件处理
  }
});