javascript获取手机键盘的高度

我们知道在原生中获取键盘的高度是一件很简单的事情,在iOS键盘弹出的时候系统会发出一个键盘弹出通知.我们获取这个通知就可以获取到键盘的高度,宽度等等一系列信息.

but

在我做webApp的时候遇到了一个问题,见下图:

当我们点击Input的时候,键盘弹出来.很明显遮挡住了输入框.

解决方法?

遇到了问题自然就要解决这个问题,那么我们应该在Input focus()的时候获取键盘的高度.在键盘收起按钮点击的时候监听这个事件.

but but but 在经过百度,google之后发现: 西吧的javascript无法获取键盘的高度,也无法监听键盘的收起按钮点击**!!!**

那么

如何去解决这个问题? 结论是暂时没有太好的解决方法,和又臭又烂的IE6是一样的BUG存在! 是不是很失望,哎,我也没有办法.这个BUG只能反馈给QA,标记为无法解决了.- -|

参考链接: 参考连接I

转载于:https://juejin.im/post/5a39da676fb9a0450671c3d4

javascript获取手机键盘的高度相关推荐

android中监听软键盘的弹出与隐藏，并获取软键盘的高度
最近项目中有一个需求上弹出软键盘的时候,输入框位移至输入框上方,但是Activity中其他的VIew都不动.这个需求需要监听软软键盘的弹出与隐藏,并获取键盘的高度.上网找了一下发现,Android竟然 ...
动态获取iphone键盘的高度
监听键盘呼出事件的消息: [plain] view plain copy [[NSNotificationCenter defaultCenter] addObserver:self selecto ...
Android获取软键盘的高度、键盘的打开与关闭、监听键盘处于打开还是关闭状态
最近在项目中,需要获取到软键盘的高度,再将底部的布局上移键盘的高度,话不多说,直接上代码: 获取软键盘高度 //一个静态变量存储高度public static int keyboardHeight = ...
android 虚拟键高度,Android，获取虚拟键盘的高度
在很多时候,很多需求下,我们都需要得知键盘的高度啊!实在不能理解为什么安卓不提供这样方便的API.虽然没有很好的监听事件,但是我们还是可以制造一个的.想想虚拟键盘弹起来之后界面发生了什么变化?对的,有 ...
Android如何获取软键盘的高度
下面代码中Log打印的displayHeight是窗口可视区域的高度,因为style设置的windowNoTitle为true,所以这个高度和通过setContentView设置的布局的可见高度是相同 ...
Unity 获取手机键盘弹出高度
目的在手机上进行聊天时,键盘弹起会盖住聊天窗口,所以需要键盘弹起的时候,将界面也进行上移. 解决安卓 publicint GetKeyboardHeight(){using (var unityC ...
javascript获取浏览器宽度和高度
测试浏览器及版本:IE8.FF5.Chrome12 屏幕分辨率:1366 x 768 文档声明:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
javascript 获取上下左右键盘进行操作
实现:点击键盘的上下左右键,在屏幕上对应的按键 html源码: <div>按键:<input type="text" id="direction&quo ...
React Native获取手机的各种高度
一.窗口高度即图中黄色+蓝色部分 import { Dimensions } from "react-native";const deviceHeight = Dimension ...

javascript获取手机键盘的高度

javascript获取手机键盘的高度相关推荐

最新文章

热门文章