首页 > 移动平台 > 详细

移动端输入框获取焦点后,虚拟键盘弹起,把固定的底部也顶起来了

时间:2019-10-17 13:31:45      阅读:72      评论:0      收藏:0      [点我收藏+]
var homeFootBar = document.querySelector("底部foot")
var shortcutVal = document.querySelector("input")
shortcutVal.addEventListener("focus", function (e) {
if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
focusInput()
}
})

/*屏幕的高度*/
let docHeight = window.innerHeight //
function focusInput() {
console.log("安卓手机2")
window.addEventListener(‘resize‘, function() {
console.log("安卓手机3", winHeight +"==="+window.innerHeight)
if (docHeight> window.innerHeight) {

/*安卓手机当键盘弹起时设置页面的高度为屏幕的高度*/
         homeFootBar.style.display = ‘none‘
console.log("安卓手机底部消失")
document.getElementsByTagName(‘body‘)[0].setAttribute(‘height‘, winHeight+‘px‘)

}else {
/*当键盘收起时*/
homeFootBar.style.display = ‘block‘

document.getElementsByTagName(‘body‘)[0].setAttribute(‘height‘, ‘100%‘)

}

})
}

 

移动端输入框获取焦点后,虚拟键盘弹起,把固定的底部也顶起来了

原文:https://www.cnblogs.com/yangwenbo/p/11691318.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!