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来调整页面的长度实现把
等一下 逐一尝试
成功后 回来给分
怎么解决的
其他相关推荐您需要登录后才可以操作 |
TA的每日心情开心 10:52签到天数: 6 天连续签到: 1 天[LV.2]偶尔看看I
关于页面输入框被输入法键盘挡住 的问题，该如何解决呢？
关于页面输入框被输入法键盘挡住 的问题，该如何解决呢？
从2.0就有这个问题了，现在3.0了，依然存在，
这个非常重要的bug怎么就是不解决呢？
该用户从未签到
呵呵，官方说是已解决，但是选了压缩模式，还是一样的效果，被挡住
从2.0导入3.0的项目选择压缩模式可能会有挡住的情况，但是在3.0重新创建的项目选择了压缩模式是不会遮挡的
TA的每日心情开心 14:59签到天数: 210 天连续签到: 1 天[LV.7]常住居民III
呵呵，官方说是已解决，但是选了压缩模式，还是一样的效果，被挡住
该用户从未签到
压缩模式是可以的，至少我的可以
TA的每日心情开心 10:52签到天数: 6 天连续签到: 1 天[LV.2]偶尔看看I
经测试，键盘压缩模式后，问题确实解决了。
TA的每日心情开心 14:59签到天数: 210 天连续签到: 1 天[LV.7]常住居民III
从2.0导入3.0的项目选择压缩模式可能会有挡住的情况，但是在3.0重新创建的项目选择了压缩模式是不会遮挡 ...
意思是2.0和3.0不兼容咯？
TA的每日心情开心 10:54签到天数: 5 天连续签到: 1 天[LV.2]偶尔看看I
从2.0导入3.0的项目选择压缩模式可能会有挡住的情况，但是在3.0重新创建的项目选择了压缩模式是不会遮挡 ...
如果内容页和头部不是一个页面，那么压缩模式也没用，一样会挡住
TA的每日心情开心 10:11签到天数: 14 天连续签到: 1 天[LV.3]偶尔看看II
这个问题我已经找到解决的方案了，而且我也测试过的，都是可以用的，参考这个地址：/zsdetail1317.html
TA的每日心情开心 10:11签到天数: 14 天连续签到: 1 天[LV.3]偶尔看看II
这个问题我已经找到解决的方案了，而且我也测试过的，都是可以用的，参考这个地址：/zsdetail1317.html
TA的每日心情奋斗 09:06签到天数: 31 天连续签到: 1 天[LV.5]常住居民I
从2.0导入3.0的项目选择压缩模式可能会有挡住的情况，但是在3.0重新创建的项目选择了压缩模式是不会遮挡 ...
在iphone6、Galaxy S4、Note3、S5上还是会出现被挡住的问题
AppCan官方微信移动端页面input输入框被键盘遮挡问题-真格学网-IT技术综合网站
移动端页面input输入框被键盘遮挡问题
来源： &责任编辑:小易 &时间: 23:00:26
移动前端开发，怎么让页面适应不同的屏幕？答：头部写上下面代码：然后网页宽度一般都用百分比，不要固定死。再用@media媒体查询不同大小屏幕要做不同的css样式附...一般移动端页面怎么适配ios页面答：1、viewport简单粗暴的方式：直接设置viewport为320px的1.3倍，将页面放大1.3倍。为什么是1.3？目前大部分页面都是以320px为基准的布局，而iphone6的宽度比是375/320=1.171875，iphone6+则是414/320=1.29375那么以1.29倍也就约等于1.3...移动端页面最好用的框架是哪几个？问：移动端页面最好用的框架是哪几个？答：1、jQueryMobilejQueryMobile是jQuery在手机上和平板设备上的版本。jQueryMobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQueryMobile开发团队说：能开发这个项目...移动端页面input输入框被键盘遮挡问题(图2)移动端页面input输入框被键盘遮挡问题(图5)移动端页面input输入框被键盘遮挡问题(图7)移动端页面input输入框被键盘遮挡问题(图9)移动端页面input输入框被键盘遮挡问题(图11)移动端页面input输入框被键盘遮挡问题(图13)
&body class="layout-fixed"&
&!-- fixed定位的头部 --&
&!-- 可以滚动的区域 --&
&!-- 内容在这里... --&
&!-- fixed定位的底部 --&
&input type="text" placeholder="Footer..."/&
&button class="submit"&提交&/button&
新手开发移动端H5页面有哪些注意事项答：1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用123456代码laycode-v1.1第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点...。防恶意抓取，请查看原文，，真格学网提供内容。header, footer, main {
display: block;
position: fixed;
height: 50px;
position: fixed;
height: 34px;
bottom: 0;
margin-top: 50px;
margin-bottom: 34px;
height: 2000px
判断是pc端还是移动端，网页跳转答：用js脚本直接判断就好了。varmobileAgent=newArray("iphone","ipod","ipad","android","mobile","blackberry","webos","incognito","webmate","bada","nokia","lg","ucweb","skyfire");varbrowser=navigator.userAgent.to...。防恶意抓取，请查看原文，，真格学网提供内容。下面这个样子。
前端做出来的移动端页面用什么测试答：移动端的web页面调试一般可以采取以下三种调试方法：第一，在PC端的浏览器里直接f12调试，一般现在的浏览器都有devicemode，调用这个模式浏览器就可以模拟移。防恶意抓取，请查看原文，，真格学网提供内容。
键盘唤起下面这样
移动客户端的网页是怎么做出来的答：从一个完整项目的角度来分析：1、前端：移动前端实现代码和PC端有些许不同，首先是html的写法，移动端的html尽量采用简单的标签，手机页面布局都是块状或者流式的，层。防恶意抓取，请查看原文，，真格学网提供内容。
是为什么呢？：&&软键盘唤起后，页面的 fixed 元素将失效（即无法浮动，也可理解为成了 absolute 定位）
在线等。PC端是什么，网页（web）端是什么，移动端...问：PC端就是有个电脑。那么网页端是什么？我就搞不清楚，既然用PC电脑上网...答：首先，不管是电脑还是手机，都可以安装软件，或者打开网页，所。防恶意抓取，请查看原文，，真格学网提供内容。解决方案: 将原 body 滚动的区域域移到 main 内部
如何进行移动端的页面开发答：应该说，移动端的开发是伴随着HTML5的兴起而出现的，2007年第一款iPhone诞生，2009年HTML5这个名词第一次登上“舞台”。当时的移动互联网开始逐渐兴起，发展到。防恶意抓取，请查看原文，，真格学网提供内容。header, footer, main {
display: block;
position: fixed;
height: 50px;
position: fixed;
height: 34px;
bottom: 0;
/* main绝对定位，进行内部滚动 */
position: absolute;
top: 50px;
bottom: 34px;
/* 使之可以滚动 */
overflow-y: scroll;
main .content {
height: 2000优秀的移动端页面是怎样的?位置和图片的缩放。&将你的内容置于首位,避免其他的元素让用户分心。&控制分栏的数目,尽量使用一栏单列式的布局。&不要将移动端页面和桌面端...。防恶意抓取，请查看原文，，真格学网提供内容。
前端做出来的移动端页面用什么测试移动端的web页面调试一般可以采取以下三种调试方法:第一,在PC端的浏览器里直接f12调试,一般现在的浏览器都有devicemode,调用这个模式浏览器就可以模拟移动端。防恶意抓取，请查看原文，，真格学网提供内容。&
h5底部输入框被键盘遮挡问题
火狐浏览器怎么调试移动端页面有2种模式:1、响应式设计模式,此模式通过快捷键F12进入,可以设置固定分辨率,并通过开启移动模式激活移动端交互的事件,直接模拟移动端。但是此模式下,分辨率效果与真设...。防恶意抓取，请查看原文，，真格学网提供内容。var oHeight = $(document).height(); //浏览器当前的高度
$(window).resize(function(){
if($(document).height() & oHeight){
$("#footer").css("position","static");
$("#footer").css("position","absolute");
LOL新英雄与新皮肤移动端页面二三事在内容展示上,移动端英雄专题内容参考PC端页面展示内容,展示英雄原画、背景故事、介绍视频、基本技能、技能视频,由于移动端页面更趋向于轻巧及可读性,于是摒弃了英雄...。防恶意抓取，请查看原文，，真格学网提供内容。&腾讯移动端H5页面设计实战分享需要通过约耗时8天的人工审核。因此,把PC端的Web专题做成一个个移动应用是不现实的。除了原生应用之外,在移动端还有一种产品形态&&移动Web页面。防恶意抓取，请查看原文，，真格学网提供内容。如何做一个移动web页面，用JqueryMobile吗答：和pc区别不大，头部加上这句1然后还是别用jQuerymobile吧。太大。去看看zepto.js吧新手开发移动端H5页面有哪些注意事项答：1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用123456代码laycode-v1.1第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点...判断是pc端还是移动端，网页跳转答：用js脚本直接判断就好了。varmobileAgent=newArray("iphone","ipod","ipad","android","mobile","blackberry","webos","incognito","webmate","bada","nokia","lg","ucweb","skyfire");varbrowser=navigator.userAgent.to...
本文相关：7被浏览1942分享邀请回答/search?q=input+soft+keyboard+webview0添加评论分享收藏感谢收起my.oschina.net/cjlice/blog/6255260添加评论分享收藏感谢收起写回答再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
威锋网7月10日消锋网7月10日消息，《植物大战僵尸2》 如今...
威锋网7月10日消息，《植物大...
近日，开发商 Esquilax Games ..
说到方块游戏，相信有很多朋友应该还会记得 Gavina Games 早...
威锋网7月10日消息，《植物大...
近日，开发商 Esquilax Games ..
说到方块游戏，相信有很多朋友应该还会记得 Gavina Games 早...
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
再吸金!SE推出《最终幻想:全员勇者》钥匙扣
您需要通过验证再能继续浏览 3秒后开始验证
威锋旗下产品
Hi~我是威威！
　粤公网安备 11号
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!