h5浏览器判断手机软键盘弹起和收缩

判断h5浏览器中,软件盘的弹起和收缩

以下具体代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
function isKeyboardUpFunc () {
var u = navigator.userAgent
var isAnd = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
var isSafari = u.indexOf('Safari') > -1
var _that = this
if (isAnd) {
var oh = document.documentElement.clientHeight || document.body.clientHeight
window.addEventListener('resize', function () {
var rh = document.documentElement.clientHeight || document.body.clientHeight // 变化之后的高度
if (rh !== oh) {
// 软键盘弹出
_that.isKeyboardUp = true
} else {
// 软键盘收起
_that.isKeyboardUp = false
}
})
}
if (isIOS && isSafari) {
document.body.addEventListener('focusin', function () {
// 软键盘弹出
_that.isKeyboardUp = true
})
document.body.addEventListener('focusout', function () {
// 软键盘收起
_that.isKeyboardUp = false
})
}
}
------ 本文结束------
坚持原创技术分享,您的支持将鼓励我继续创作!