如何将键盘焦点赋予DIV并为其附加键盘事件处理程序？
我正在构建一个应用程序，我希望该应用程序能够单击由DIV表示的矩形，然后使用键盘通过列出键盘事件来移动该DIV。
我可以在DIV级别上监听键盘事件，而不是在文档级别上使用事件监听器监听这些键盘事件，也许可以通过将焦点放在键盘上来进行监听？
这是一个简化的示例来说明问题：
<html>
<head>
</head>
<body>
<div id="outer" style="background-color:#eeeeee;padding:10px">
outer
<div id="inner" style="background-color:#bbbbbb;width:50%;margin:10px;padding:10px;">
want to be able to focus this element and pick up keypresses
</div>
</div>
<script language="Javascript">
function onClick()
{
document.getElementById('inner').innerHTML="clicked";
document.getElementById('inner').focus();
}
//this handler is never called
function onKeypressDiv()
{
document.getElementById('inner').innerHTML="keypress on div";
}
function onKeypressDoc()
{
document.getElementById('inner').innerHTML="keypress on doc";
}
//install event handlers
document.getElementById('inner').addEventListener("click", onClick, false);
document.getElementById('inner').addEventListener("keypress", onKeypressDiv, false);
document.addEventListener("keypress", onKeypressDoc, false);
</script>
</body>
</html>
在单击内部DIV时，我尝试为其指定焦点，但后续的键盘事件总是在文档级别而不是在DIV级别事件监听器上拾取。
我是否只需要实现特定于应用程序的键盘焦点概念？
我应该补充一点，我只需要这个就可以在Firefox中工作。
问题答案：
排序-我在目标DIV中添加了tabindex属性，这使它可以拾取键盘事件，例如
<div id="inner" tabindex="0">
this div can now have focus and receive keyboard events
</div>
-
键盘事件的种类 键盘事件由用户击打键盘触发，主要有keydown、keypress、keyup三个事件，它们都继承了KeyboardEvent接口。 keydown：按下键盘时触发。 keypress：按下有值的键时触发，即按下 Ctrl、Alt、Shift、Meta 这样无值的键，这个事件不会触发。对于有值的键，按下时先触发keydown事件，再触发这个事件。 keyup：松开键盘时触发该事件。
-
输入框接口 用于弹起输入框，供用户输入文字。可以通过注册监听函数进行监听用户的输入，监听完毕请及时调用注销方法，取消监听。 BK.UI.showKeyboard(Object) 显示输入框，弹出键盘 手Q版本:7.6.5 函数参数Object： 属性名 类型 是否必填 说明 deaultText string 否 默认要展示的字符串 complete Function 否 接口调用完成回调 示例：
-
有没有办法做到这一点？ 我有一个角色，说“/”，我想得到这个的键盘组合。 对于德语布局，“/”将是Shift7。
-
我的代码是： 在上面的代码中，mBooleanLoginDone是一个布尔变量，指示用户是否登录。我希望快捷键Ctrl和T仅在用户成功登录时起作用，但现在我还没有登录，快捷键也起作用。我怎样才能解决它？有什么想法吗？
-
对于桌面游戏，一般需要通过键盘做一些游戏内的控制，这时你就需要监听键盘事件。Cocos2d-x 支持键盘事件，就像上节介绍的触摸事件一样。 创建键盘事件监听器： // creating a keyboard event listener auto listener = EventListenerKeyboard::create(); listener->onKeyPressed = CC_CALL
-
与响应鼠标事件相比，响应 Canvas 键盘事件没有那么直接，因为 Canvas 本身并不支持键盘事件的响应。我们需要耍一点小手段——在 Canvas 上添加一个支持键盘事件的其他对象。 本节的例程将在 7.2 节例程的基础上添加键盘响应事件。 html 部分变更的代码如下： //canvas_mk_event.html <canvas tabindex="0"></canvas>