h5监听手机键盘弹起

h5监听手机键盘弹起

ua=window.navigator.userAgent.toLocaleLowerCase();
isIos=/iphone|ipad|ipod/.test(ua)
isAndroid=/android/.test(ua)


// ------android-------
//获取原窗口的高度
var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;
window.onresize=function(){
	//键盘弹起与隐藏都会引发窗口高度发生变化
	var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
	if(resizeHeight-0<originalHeight-0){
		//键盘弹出，to do something
		
	}else{
		//键盘收起,to do something
		
	}
}

// ------ios------
//focusin和focusout可以冒泡，focus和blur不会冒泡
 document.body.addEventListener('focusin', () => {
  //键盘弹出
   if(isIos){
	// to do something
   }
})
document.body.addEventListener('focusout', () => {
    //键盘收起
     if(isIos){
	// to do something
     }
 })