javascript - 如何在 JavaScript 中捕获没有可见输入字段的键盘输入

Question

情况：

• 在 iPad 上使用 jQuery Mobile 的 HTML5（编辑：PhoneGap 应用程序中的 HTML5 页面）
• 外接键盘
• 文本输入字段被隐藏，没有可见的输入字段
• 没有关注文本输入字段 -> 没有显示软键盘

目标：

• 在不显示和专注于文本输入字段的情况下捕获键盘输入
• 键盘输入是可变短语（例如 name1、object2、phrase3）
• 刚开始打字，页面应该捕捉到打字

--> 如何检测到隐藏输入字段的键盘输入？

我知道 keydown / keypress / keyup 事件，但是它们似乎需要一个可见的输入字段

Answer 1

您可以像这样将事件绑定到文档：-

$(document).bind('keyup', function(e) {
    alert('testing');
});

Answer 2

您还可以简单地将元素放置在画布之外，而无需更改其 DOM/CSS 可见性状态。

<style> .inputValue{position:absolute;left:-99999px} </style>
<input type="text" class="inputValue" autofocus="autofocus"/>

然后在任何给定点，当您需要输入的值时，您调用以下脚本。

<script> $('.inputValue').val(); </script>