如何创建屏幕键盘，显示当前正在键入哪些键？

我有一个网上打字程序，我想创建一个屏幕上的键盘对他们来说，而不是像他们如何做到这一点的打字程序，如Keyblaze打字导师。那么有没有一种方法可以创建一个JavaScript程序来显示当前用户键入的键（演示美学无关紧要）？如何创建屏幕键盘，显示当前正在键入哪些键？

来源

2012-04-06 think123

我一直在寻找在线的屏幕键盘和类似插件的东西像jQuery，但他们只允许您将文本输入到一个文本框，他们不使用计算机上的实际键盘输入文字时，不会显示任何内容。 – think123 2012-04-06 10:15:06

尝试扩展这个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

来源

2012-04-06 10:13:51 jacktheripper

谢谢，这真的解决了我的问题！ – think123 2012-04-06 10:15:54

您可以在此site找到很多不错的jQuery的屏幕键盘插件。也请阅读文档。

enter image description here

它看起来像这样...

来源

2012-08-14 05:38:11 Ruwantha

如何创建屏幕键盘，显示当前正在键入哪些键？

回答

相关问题