移动web 捕获虚拟键盘弹出和关闭事件


var wHeight = window.innerHeight;   //获取初始可视窗口高度
$(window).resize(function () {         //监测窗口大小的变化事件
   var hh = window.innerHeight;     //当前可视窗口高度
   var viewTop = $(window).scrollTop();   //可视窗口高度顶部距离网页顶部的距离
   if (wHeight > hh) {           //可以作为虚拟键盘弹出事件
       $("body,html").animate({scrollTop: viewTop + 100});    //调整可视页面的位置
   } else {         //可以作为虚拟键盘关闭事件
       $("body,html").animate({scrollTop: viewTop - 100});
   }
   wHeight = hh;
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原生APP的弹出虚拟键盘和收回虚拟键盘,输入框始终贴在虚拟键盘的上方。如下图: 如果移动端web也想做类似的功能,...
    简叶一枚阅读 3,429评论 1 5
  • 背景: Html5登录表单,但是登录表单下面有内容是固定在页面最底部。这种布局下,当键盘弹出输入时,ios手机上是...
    竿牍阅读 5,892评论 2 22
  • 自从来到中心医院建起新科室,人就像被橡皮绳拴在那里,远远近近不出200里,医师协会新生儿分会全国会议开了一届又一届...
    和泽阅读 283评论 0 0
  • 每个人都想养成一个好习惯,现在有很多教你养成好习惯的课程,小明就这个话题说一下自己的体会。因为这也是我自己的经历!...
    太原小明阅读 355评论 3 9
  • 今天学习禅绕画,本来觉得有密集恐惧症的我是不能画这样的画的,可是听了讲解,觉得禅绕画的“随意为之,没有错误……”,...
    恬浅阅读 193评论 0 1