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

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();
})

展开阅读全文

没有更多推荐了,返回首页