如何創建屏幕鍵盤，顯示當前正在鍵入哪些鍵？

我有一個網上打字程序，我想創建一個屏幕上的鍵盤對他們來說，而不是像他們如何做到這一點的打字程序，如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

如何創建屏幕鍵盤，顯示當前正在鍵入哪些鍵？

回答

相關問題