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

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