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){
}
// keyBoard down
if(resizeHeight === originalHeight){
}
});