移动端表单输入的时候,手机html软键盘挡住输入框框,怎么解决

22:34 提问
HTML5 手机页面 输入表单被键盘遮挡住了
HTML5 手机页面 输入表单被键盘遮挡住了
请问 大神 怎么
js 或者 JQ 判断安卓手机软键盘的键盘隐藏键按下去了?
有使用 uexWindow 方法 能判断到确定键 是 13 但是不知道这个键的键值 是什么?
或者有什么其他方法? 判断窗口尺寸改变的 size 方法无效
按赞数排序
没有相关的事件来获取隐藏按钮点击,keydown/keyup事件中获取到的keyCode都是0,楚了你说的前往keyCode 13.
可以用计时器监视window.innerHeight高度改变来判断。
下面的代码在android chrome浏览器下测试正常,
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&script type="text/javascript" src="/ajax/jQuery/jquery-1.4.2.min.js"&&/script&
&input type="text" id="txt" /&
&div id="dv"&&/div&
var timer, windowInnerH
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.innerH//获取弹出android软键盘后的窗口高度
timer = setInterval(function () { eventCheck() }, 100);
else clearInterval(timer);
else { //计时器执行的,需要判断窗口可视高度,如果改变说明android键盘隐藏了
if (window.innerHeight & windowInnerHeight) {
clearInterval(timer);
$('#dv').html('android键盘隐藏--通过点击键盘隐藏按钮');
$('#txt').click(eventCheck).blur(eventCheck);
HTML5 手机页面 输入表单被键盘遮挡住了
请问 大神 怎么 js 或者 JQ 判断安卓手机软键盘的键盘隐藏键按下去了?
有使用 uexWindow 方法 能判断到确定键 是 13 但是不知道这个键的键值 是什么?
或者有什么其他方法? 判断窗口尺寸改变的 size 方法无效
答:这个键应该和实体键上的返回是一个,功能也是一样的,你试一下
怀疑键值为0x1B,十进制27,试一下
请问这个问题怎么处理???
怎么解决的?求解决方法~!
你怎么解决的 ,求 方案
看看从屏幕高度的方面能不能判断呢?实在不行你输出下键值,然后先对照看下。13相当于回车键。
应该可以用css和jquery mobile来调整页面的长度实现把
等一下 逐一尝试
成功后 回来给分
怎么解决的
其他相关推荐
其他相似问题&nbsp&#8250&nbsp&nbsp&#8250&nbsp
解决 Android 软键盘挡住输入框的问题
& &当在Android的layout设计里面如果输入框过多,则在输入弹出软键盘的时候,下面的输入框会有一部分被软件盘挡住,从而不能获取焦点输入。下面提供三种解决办法: & &方法一:在你的activity中的oncreate中setContentView之前写上这个代码getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN); & &方法二:在项目的AndroidManifest.xml文件中界面对应的&activity&里加入android:windowSoftInputMode=&stateVisible|adjustResize&,这样会让屏幕整体上移。如果加上的是 android:windowSoftInputMode=&adjustPan&这样键盘就会覆盖屏幕。 & &方法三:把顶级的layout替换成ScrollView,或者说在顶级的Layout上面再加一层ScrollView的封装。这样就会把软键盘和输入框一起滚动了,软键盘会一直处于底部。在我们的LinearLayout布局外添加ScrollView 方法三示例:由原来的:&?xml version="1.0" encoding="utf-8"?&
&LinearLayout xmlns:android="/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"&
&/LinearLayout&改为:&?xml version="1.0" encoding="utf-8"?&
&ScrollView xmlns:android="/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"&
&LinearLayout xmlns:android="/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"&
&/LinearLayout&
&/ScrollView&
上一篇: 这里说的是一个字符串占用的空间大小,而不是字符串字符个数。 在安卓中,绘制一个字符串的方法是canvas.drawText()方法,但是这个方法用起来相当的麻烦,首先,他不能根据父容器宽度自动换行,如果你的字符串很长,他只会绘制一行字符串,不管是不是超出范
下一篇: UUID是“Universally Unique Identifier”的简称,通用唯一识别码的意思。对于蓝牙设备,每个服务都有通用、独立、唯一的UUID与之对应。也就是说,在同一时间、同一地点,不可能有两个相同的UUID标识的不同服务。 在Android手机开发中不必过多考虑这点在这一问题:HTML (html)移动端,弹出键盘时,输入框被遮住
描述:把一个前端页面放在手机上测试的时候,发现弹出键盘时候输入框会被键盘遮住。怎么实现弹出键盘时,屏幕向上滚动。求大神解答解决方案1:方案1 : 给input绑定个focus事件,处理一下页面的scrollTop值方案2 : css 当输入框获得焦点, 改变位置input:focus{
}参考:移动端web页面使用position:fixed问题总结 · Issue #2 · maxzhang//maxzhang/m...
解决方案2:站内链接解决方案3:input {cursor:pointer}
以上介绍了“HTML (html)移动端,弹出键盘时,输入框被遮住”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:/itwd/4446139.html
上一篇: 下一篇:
HTML相关图片
HTML相关文章移动端手机软键盘呼出将布局顶上去了,如何解决?求大神
苹果是整个都移上去,而安卓只是输入框上移
移动端建议使用一些成熟的UI框架,在这些框架上再自定义相应样式。可以避免很多兼容性问题。你这个把布局抵上去了应该就是设置了fixed定位的缘故,不妨换成绝对定位,将定位元素写在外层盒子,调整相应样式即可。
你还没有登录,请先登录或注册慕课网帐号
LZ你解决了吗?我用position: 在部分安卓浏览器上还是被顶上去
你还没有登录,请先登录或注册慕课网帐号
只要页面比显示的长点就好了
你还没有登录,请先登录或注册慕课网帐号
你还没有登录,请先登录或注册慕课网帐号
我也遇到过这种情况……用JS解决的,用JS获取浏览器的高度,然后用JS布局……
你还没有登录,请先登录或注册慕课网帐号
如果用了固定定位,当点击输入框的时候,将固定定位转换为绝对定位试试!
你还没有登录,请先登录或注册慕课网帐号
能不能别通知我
你还没有登录,请先登录或注册慕课网帐号
你用了position:????
你还没有登录,请先登录或注册慕课网帐号
22043人关注
24679人关注
55541人关注
Copyright (C)
All Rights Reserved | 京ICP备 号-2推荐这篇日记的豆列
&&&&&&&&&&&&}

我要回帖

更多关于 h5软键盘 挡住输入框 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信