как показать, какая клавиша нажата

Question

поэтому мне нужно показать, какой ключ нажат в моем веб-приложении, я хочу поместить его в холст html 5.

Когда я нажимаю Q, он отображает кнопку Q.

Вот мой код (я использую Javascript):

window.addEventListener("keypress",onKeyPress); 

function onKeyPress(e) 
{ 
    console.log(e.keyCode); 
    var str = String.fromCharCode(e.keyCode); 
    console.log(str+":"+e.keyCode); 
    var tune = new Audio(); 


    if (e.keyCode == 113) 
    { 
     tune = new Audio("Assets/Tune/C.mp3"); 
     tune.play(); 
    } 
} 

может кто-нибудь сказать мне, что функция мне нужно сделать, чтобы показать ключ? Если у вас уже есть решение, сообщите мне ссылку, я попытался выполнить поиск раньше, но ничего не могу найти.

Благодаря

Answer 1

У вас есть проблема ... Основные изменения кода в различных операционных системах.

Здесь вы получите таблицу с некоторыми ключевыми кодами: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

Answer 2

Вы можете показать каждую клавишу нажатой с чем-то вроде этого я думаю:

var str = String.fromCharCode(e.keyCode); 
var c = document.getElementById("Canvas"); 
var ctx = c.getContext("2d"); 
ctx.font = "30px Arial"; 
ctx.fillText(str,10,50); 

Answer 3

Вы почти там.

Я сделал небольшой твик к вашему JavaScript ниже:

window.addEventListener("keypress",onKeyPress); 

function onKeyPress(e) { 
    var keyPressed = e.which || e.keyCode; 
    console.log(keyPressed); 
    var str = String.fromCharCode(keyPressed); 
    console.log(str+":"+keyPressed); 
    var tune = new Audio(); 


    if (e.keyCode == 113) 
    { 
     tune = new Audio("Assets/Tune/C.mp3"); 
     tune.play(); 
    } 
}