javascript - 如何创建一个屏幕键盘来显示当前正在键入的键？

Question

我有一个在线打字程序，我想为他们创建一个屏幕键盘，就像他们在打字程序中所做的那样，例如 Keyblaze Typing Tutor。那么有没有办法创建一个 JavaScript 程序来显示用户当前正在键入的键（呈现美学无关紧要）？

Answer 1

尝试扩展这个例子

jQuery：

$(function () {
  $("#input").keydown(function (event) {
      $("#" + String.fromCharCode(event.which)).addClass("trigger");
  }).keyup(function (event) {
      $("#" + String.fromCharCode(event.which)).removeClass("trigger");
  });
});​

您可以使用纯 HTML 和 CSS 创建键盘。看看这个漂亮的例子

Answer 2

您可以在此站点上的 Screen Keyboard Plugin 上找到不错的 jQuery 。也阅读文档。

看起来像这样...