h5js获取键盘高度，js获取键盘keycode

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

移动端H5软键盘的问题

软键盘未被弹出。移动端h5页面在软键盘弹出后，body的高度被压缩了，就导致原本高度100%的背景图被顶上去一截，如果软键盘未被弹出，那么背景图就会保持不变。H5是由搜狗输入法趣味表达平台字媒体开发，联合中华好诗词共同推出的。

【二】是否减少活动主窗口大小以便腾出空间放软键盘它的设置必须是下面列表中的一个值，或一个”state…”值加一个”adjust…”值的组合。在任一组设置多个值——多个”state…”values，例如&mdash有未定义的结果。各个值之间用|分开。

H5 并没有直接监听软键盘的原生事件。H5 并没有直接监听软键盘的原生事件，只能通过软键盘弹起或收起，引发页面其他方面的表现间接监听，曲线救国。

最近在做基于H5开发的微信公众号前端页面时，使用input输入框来作为 laydate.js 日期插件的容器，在移动端需要禁用手机的软件盘。

H5如何对android和ios手机软键盘的监听

1、首先，在清单文件Manifest.xml中的对应的Activity标签内设置 android：windowSoftInputMode=”adjustResize”作用是当软键盘显示或隐藏时，该Activity主窗口总是会被调整大小以便留出软键盘的空间。唯有这样才能保证布局触发onSizeChanged()方法。

2、在Android和 IOS 上，获知软键盘弹起和收起状态存在差异，事件不同。在IOS上，输入框获取焦点，键盘弹起，页面（webview）整体往上滚动，当键盘收起后，不回到原位，导致键盘原来所在位置是空白的。使用第三方输入法，高度计算存在偏差，导致在有些输入法弹起，将输入框挡住一部分。

3、如下图所示，用户点击后，软键盘或物理按键的输入驱动就会产生一个中断，且向/dev/input/event*中写入一个相应的信号量。Android操作系统则会循环的读取其中的事件，再分发给WindowManagerServer。

4、Android官网的Api 如果需要监听软键盘的右下角的按键，需要为EditText设置setOnEditorActionListener()监听：上面的方式，只是展示了如何监听各个按键的方法，如果需要消费事件，则需要return true。(1)第一次写这么长的博客，感觉会有一些不足，各位看官如果有不合理的地方，或者有误的地方请直接指出。

5、现象描述：ios平台，app内嵌h5，当软键盘弹出再收起时，页面布局是错乱的。直接表现是当点击其他元素时，却导致了某个文本框聚焦。解决方案：文本框focus（聚焦）时软键盘弹出，blur（失焦）时软键盘收起。

js如何才能模拟键盘按键?

1、Firefox 需要通过document.createEvent创建KeyEvents对象，再通过initKeyEvent方法对事件对象初始化 initKeyEvent 参考：https：//developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/initKeyEvent Chrome/Safari/Opera 通过document.createEvent创建UIEvents对象，初始化后再在该对象上挂载按键值。

2、web中的js按键模拟是需要wscript.shell对象支持的。但是抱歉这个对象在默认情况下被IE拒绝执行。你可以通过降低IE的安全级别来执行他。下面是个使用的小例子。var leo = wscript.createObject(wscript.shell)wscript.sleep(500) 等待500毫秒，确保程序完全启动了。

3、只要你定义了这些键的动作，你在浏览器里按下这些键就会响应，兼容目前所有浏览器。

4、功能需求：封装一个带有设计好的样式的输入组件，输入方式为模拟的数字键盘。