移动端,input输入获得焦点被键盘遮住简单解决方案

简介: (function (window,document) { document.querySelector('input[type="text"]').addEventListener('focus',function (e) { setTimeout(function () { var docHeight = window.
(function (window,document) {
document.querySelector('input[type="text"]').addEventListener('focus',function (e) {
setTimeout(function () {
var docHeight = window.innerHeight;
var bottom = e.target.getBoundingClientRect().bottom
var scrollHeight = bottom-docHeight
if(scrollHeight>0){
document.body.scrollTop = scrollHeight+document.body.scrollTop+10
}
},400)
},false)
})(window,document)


//可以解决部分代码的

  

http://www.cnblogs.com/jiebba/p/8405772.html    更好的解决方案在这里

相关文章
|
4月前
|
iOS开发
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
65 1
|
4月前
|
数据安全/隐私保护
uview组件中使用MessageInput 验证码输入和Keyboard 键盘制作的简单支付密码输入框
uview组件中使用MessageInput 验证码输入和Keyboard 键盘制作的简单支付密码输入框
112 0
|
开发框架 iOS开发
手机软键盘弹起导致页面变形的一种解决方案
手机软键盘弹起导致页面变形的一种解决方案
390 0
|
程序员 C++ Windows
模拟键盘按键 自动输入文字
对于程序员来说,键盘上的每个按键都一样,无非是不同按键产生的键盘扫描码不同。在不同的操作系统下,键盘扫描码常常被转换为不同的编码以方便应用程序调用,比如在DOS系统下的ASCII码,在Windows系统下的虚拟键盘码等等。
|
移动开发
ReactNative自定义车牌号输入框及键盘实现
ReactNative自定义车牌号输入框及键盘实现
554 0
ReactNative自定义车牌号输入框及键盘实现
|
JavaScript 前端开发
实现 input无内容是缩小居中显示,有内容,有焦点时变长显示
前两天做了一个搜索中间页,有个 input 的效果挺有意思,准备分享一下。
168 0
实现 input无内容是缩小居中显示,有内容,有焦点时变长显示
Qt实用技巧:将QWidget作为输入窗口,接收键盘消息、输入法并且控制输入法悬浮工具栏位置控制
Qt实用技巧:将QWidget作为输入窗口,接收键盘消息、输入法并且控制输入法悬浮工具栏位置控制
|
iOS开发
设计iOS中随系统键盘弹收和内容文字长度自适应高度的文本框
设计iOS中随系统键盘弹收和内容文字长度自适应高度的文本框
201 0
设计iOS中随系统键盘弹收和内容文字长度自适应高度的文本框
|
C# Windows
C#代码像QQ的右下角消息框一样,无论现在用户的焦点在哪个窗口,消息框弹出后都不影响焦点的变化,那么有两种方法
你QQ的右下角消息框一样,无论现在用户的焦点在哪个窗口,消息框弹出后都不影响焦点的变化,那么有两种方法:   要么重写需要弹出的窗体的事件: protected override CreateParams CreateParams     {     get     {         const ...
1203 0