0

我正在进行一个项目，这是一个关于打字网站的项目。我制作了一个只有 div 标签的虚拟键盘。另外，我将有一个带有字母的区域，它们将是打字文本。在下一步中，我希望同时在字母区域和虚拟键盘中突出显示每个键。我真的坚持这一点。我已经想到了一些想法，但这些都不是我想要的。

任何想法都会非常有帮助！

4

1 回答 1

1

您需要查看 Javascriptkeydown事件处理程序。

这是一个简单的示例，可能会让您找到正确的方向。

document.addEventListener("keydown", keyDownEvent, false);

function keyDownEvent(e) {
var keyCode = e.keyCode;
  if(keyCode==13) {
     //enter was pressed...
     //highlight the relevant keyboard div.
  }
}

编辑：如果您不想为键盘上的每个键码添加一个案例，那么我建议查看此网页以获取相关字符键码，然后使用与键码相关的 ID 命名您的 div。

例如：'J' 是 KeyCode：74。所以我的 div 将具有以下 id：

<div id="keycode_74"></div>

显然，您需要添加逻辑以查看页面上是否存在 div，但我将把它留给您，因为我不想为您编写整个解决方案:)

于 2013-10-22T15:57:18.623 回答