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

Question

我有一个在线打字程序，我想为他们创建一个屏幕键盘，而不是像他们在键入程序时那样做，比如Keyblaze Typing Tutor。那么有没有办法创建一个JavaScript程序来显示当前正由用户输入的键（演示美学无关紧要）？

Answer 1

尝试扩展此example

jQuery的：

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

您可以使用纯HTML和CSS创建键盘。见beautiful example

Answer 2

你可以在这个site的屏幕键盘插件上找到漂亮的jQuery。阅读文档。

看起来像这样......