底部菜单被输入法顶上去的解决方案

windown.onresize事件，

我们一般的解决方法是，获取焦点，底部隐藏，失去焦点，底部菜单出现，但是有些人会点击输入法的收起按钮如下图：

那么，这时候你的失去焦点就无效了，所以我们用以下方法实现安卓和苹果的兼容：

安卓手机针对点击这个输入法的收起：

安卓手机有这个事件，inpone没有，iphone点击这个会让input框失去焦点。

window.onresize = function() {


var h = $(window).height();
//console.log(h+','+window.screen.availHeight)
var u = navigator.userAgent;
if(u.indexOf('Android') > -1) {
if(h <= window.screen.availHeight / 2) {
$('.tail').css({
'position': 'absoult',
"margin-top": "-.5rem",
'display': 'none'
});
} else {
$('.tail').css({
'position': 'fixed',
'display': 'block'
});


}
}


}

$("input").on('focus', function() {
$(".tail").hide();
});
$("input").on('blur', function() {
$(".tail").show();
})