移动端h5监听键盘弹出和收起

1. 在ios中软键盘弹起时，仅会引发 $('body').scrollTop 值改变，可是咱们能够经过输入框的获取焦点状况来作判断，但也只能在ios中采用这个方案，由于在android中存在主动收起键盘后，但输入框并无失焦，而ios中键盘收起后就会失焦；
2. 在android中软键盘弹起或收起时，会改变window的高度，所以监听window的 onresize 事件；

1、Android端监听

//获取原窗口的高度
let originalHeight = document.documentElement.clientHeight || document.body.clientHeight
window.οnresize = function() {
  //键盘弹起与隐藏都会引发窗口的高度发生变化
  let resizeHeight = document.documentElement.clientHeight || document.body.clientHeight
  if (resizeHeight < originalHeight) {
    //当键盘弹起，在此处操做
  } else {
    //当键盘收起，在此处操做
  }
}

2、IOS端监听

/**
 * 2、ios
 * 
 * focusin和focusout支持冒泡，对应focus和blur, 
 * 使用focusin和focusout的缘由是focusin和focusout能够冒泡，focus和blur不会冒泡，
 * 这样就能够使用事件代理，处理多个输入框存在的状况。
 */
if (isIos) {
  document.body.addEventListener('focusin', () => {
    //软键盘弹出的事件处理
  })
  document.body.addEventListener('focusout', () => {
    //软键盘收起的事件处理
  })
}