Wie erstellt man eine Bildschirmtastatur, die anzeigt, welche Tasten gerade getippt werden?

Ich habe ein Online-Programm zur Eingabe und ich möchte eine Bildschirmtastatur für sie erstellen, ähnlich wie sie es bei der Eingabe von Programmen tun, wie zum Beispiel Keyblaze Typing Tutor. Gibt es eine Möglichkeit, ein JavaScript-Programm zu erstellen, das die Schlüssel anzeigt (die Präsentationsästhetik spielt keine Rolle), die gerade vom Benutzer eingegeben werden?Wie erstellt man eine Bildschirmtastatur, die anzeigt, welche Tasten gerade getippt werden?

Quelle

2012-04-06 think123

Ich habe für Dinge wie jQuery auf der Bildschirmtastatur und ähnliche Plugins Online gesucht, aber sie können Sie nur Text in ein Textfeld einzugeben, sie don Wenn Text mit der tatsächlichen Tastatur Ihres Computers eingegeben wird, wird nichts angezeigt. – think123

Versuchen Sie, diese example

jQuery Verlängerung:

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

Sie können eine Tastatur mit reinem HTML und CSS erstellen. Sehen Sie dieses beautiful example

Quelle

2012-04-06 10:13:51 jacktheripper

Danke, das hat mein Problem wirklich gelöst! – think123