Question

我正处于一个项目的中间，这是一个打字网站。我制作了一个只有div标签的虚拟键盘。此外，我将有一个带字母的区域，它们将成为打字文本。在下一步中，我希望每个键同时在字母区域和虚拟键盘中突出显示。我真的很困惑。我想到了一些想法，但这些想法都不是我想要的。

任何想法都会非常有用！

Answer 1

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

这是一个快速的例子，可能会让你直接进入。

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

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

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

例如： 'J'是KeyCode：74。所以我的div会有以下ID：

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

显然你需要添加逻辑来查看页面上是否存在div，但是我会把它留给你，因为我不想为你编写整个解决方案：）

键入网站突出显示的字母

1 个答案: