安卓手机键盘弹出输入框被挡住问题
2017-04-07 11:20
288 查看
试过点击、input获得焦点时重新定位滚动条结果不生效,重新找的下面的方法应该比较通用。
//有效解决安卓手机键盘弹出输入框被挡住问题
if (/Android/gi.test(navigator.userAgent)) {//浏览器属性为安卓时生效
window.addEventListener('resize', function () {//屏幕大小发生变化(调出虚拟键盘时触发)
if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {(当前元素为输入框、文本框)
window.setTimeout(function () {
document.activeElement.scrollIntoViewIfNeeded();//移动页面使输入框置于可视区域
}, 0);
}
})
}
//有效解决安卓手机键盘弹出输入框被挡住问题
if (/Android/gi.test(navigator.userAgent)) {//浏览器属性为安卓时生效
window.addEventListener('resize', function () {//屏幕大小发生变化(调出虚拟键盘时触发)
if (document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA') {(当前元素为输入框、文本框)
window.setTimeout(function () {
document.activeElement.scrollIntoViewIfNeeded();//移动页面使输入框置于可视区域
}, 0);
}
})
}
相关文章推荐
- 使用flex布局解决安卓手机上固定在底部的按钮,在键盘弹起后挡住input输入框的问题
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- 客户端登录界面,根据输入框的弹出改变界面样式,解决键盘挡住输入框的问题
- IOS TextField弹出键盘挡住输入框的问题(续)
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- 关于手机键盘挡住输入框的问题
- IOS TextField弹出键盘挡住输入框的问题
- react在安卓中输入框被手机键盘遮挡问题的解决方法
- [iOS]解决键盘弹出时挡住输入框的问题
- 关于键盘弹出挡住输入框的问题
- UITextField控件处理键盘弹出时遮住输入框的问题
- UITextField控件处理键盘弹出时遮住输入框的问题。
- IOS 解决键盘挡住输入框的问题
- IPhone手机页面中点击文本输入框,弹出键盘,网页会放大,如何解决
- 解决键盘挡住输入框的问题
- 输入框不能弹出键盘,键盘消失问题
- IOS 解决键盘挡住输入框的问题
- 仿QQ空间登录,解决键盘挡住输入框的问题
- UITextField控件处理键盘弹出时遮住输入框的问题
- IOS开发键盘弹出时遮住输入框的问题的一种解决方法。