wap监听键盘事件

wap监听虚拟键盘的弹出、收起时,IOS与Android系统手机需要分别处理。

IOS

IOS系统设备,可以通过监听window的focusin、focusout事件,变向的监听到虚拟键盘。

// keyBoard up
window.addEventListener('focusin',callback);

// keyBoard down
window.addEventListener('focusout',callback);

Android

Android系统设备,可以通过监听window窗口resize时document或body的高度变化,变向的监听到虚拟键盘。

var originalHeight = document.documentElement.clientHeight || document.body.clientHeight;
window.resize(function() {
  var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
  // keyBoard up
  if(resizeHeight < originalHeight)&#123;

  &#125;
  // keyBoard down
  if(resizeHeight === originalHeight)&#123;

  &#125;
&#125;);

  转载请注明: XMwarrior wap监听键盘事件

 上一篇
《原则》读书笔记 《原则》读书笔记
本文从原则、思维模型、管理工具、经验&认知4个维度总结书中的知识点。 原则 独立思考并决定: 你想要什么。 事实是什么。 面对现实,你如何实现自己的愿望… 相处原则: 把我们的真实想法摆在桌面上。 存在经过深思熟虑的分歧。但人们
2020-03-10
下一篇 
css左右布局-左适应内容、右自适应 css左右布局-左适应内容、右自适应
左右自适应布局,此处仅列举三种常用的方式:grid、flex、float。 grid.container&#123; display: grid; grid-template-columns: min-content aut
2020-02-29
  目录