Как проверить, был ли выпущен определенный ключ на клавиатуре?

Question

Я хочу проверить, был ли нажат/освобожден ключ перехода в javascript.

Они, как я видел это:

document.addEventListener('keyup', function(event) { 
    //returns a number for key 
    console.log(event.keyCode); 
}); 

Однако, когда я пошел на Mozilla он говорит, что «.keyCode» является устаревшим использование «.key» вместо этого. Что я и сделал, но когда я изменил код для этого:

document.addEventListener('keyup', function(event) { 
    //returns a number for key 
    console.log(event.key); 
}); 

Это не будет работать, он сказал в консоли «не определено». Любые идеи почему?

Также Mozilla - лучшее место для посещения, потому что, как новичок, мне трудно понять. Спасибо

Answer 1

Проблема заключается в том, что вы добавляете слушателя в document, когда его следует добавить в window. Например,

window.addEventListener('keyup', function(ev) { 
    console.log(ev.key); 
}); 

Answer 2

Необходимо подключить прослушиватель событий к окну. Это может отличаться браузером, но это сработало для меня.

window.addEventListener("keyup", function (event) { 
 
    
 
     if(event.key === "Escape"){ 
 
     console.log("Escape was released."); 
 
     } 
 
    
 
     // Consume the event for suppressing "double action". 
 
     event.preventDefault(); 
 
    }, true);

Try it on CodePen!