900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > h5如何动态获取键盘高度_js获取软键盘高度

h5如何动态获取键盘高度_js获取软键盘高度

时间:2020-05-12 16:38:23

相关推荐

h5如何动态获取键盘高度_js获取软键盘高度

没有相关的事件来获取隐藏按钮点击,keydown/keyup事件中获取到的keyCode都是0,楚了你说的前往keyCode 13.

可以用计时器监视window.innerHeight高度改变来判断。

下面的代码在android chrome浏览器下测试正常,javascript检查android软键盘隐藏显示

var timer, windowInnerHeight;

function eventCheck(e) {

if (e) { //blur,focus事件触发的

$('#dv').html('android键盘' + (e.type == 'focus' ? '弹出' : '隐藏') + '--通过' + e.type + '事件');

if (e.type == 'click') {//如果是点击事件启动计时器监控是否点击了键盘上的隐藏键盘按钮,没有点击这个按钮的事件可用,keydown中也获取不到keyCode值

setTimeout(function () {//由于键盘弹出是有动画效果的,要获取完全弹出的窗口高度,使用了计时器

windowInnerHeight = window.innerHeight;//获取弹出android软键盘后的窗口高度

timer = setInterval(function () { eventCheck() }, 100);

}, 500);

}

else clearInterval(timer);

}

else { //计时器执行的,需要判断窗口可视高度,如果改变说明android键盘隐藏了

if (window.innerHeight > windowInnerHeight) {

clearInterval(timer);

$('#dv').html('android键盘隐藏--通过点击键盘隐藏按钮');

}

}

}

$('#txt').click(eventCheck).blur(eventCheck);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。