Wie überprüfe ich, ob ein bestimmter Schlüssel auf der Tastatur freigegeben wurde?

Question

Ich möchte überprüfen, ob der Escape-Schlüssel in Javascript gedrückt/freigegeben wurde.

Sie so, wie ich gesehen habe, ist dies:

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

Jedoch, wenn ich auf Mozilla ging es sagt der ‚.keyCode‘ veraltet Verwendung wird ‚.key‘ statt. Was ich tat, aber wenn ich den Code auf diese geändert:

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

Es wäre es in der Konsole ‚undefined‘ nicht funktioniert, sagte. Irgendwelche Ideen warum?

Auch Mozilla ist der beste Ort zu gehen, denn als Anfänger finde ich es schwierig zu verstehen. Danke

Answer 1

Das Problem ist, dass Sie Ihren Listener zu document hinzufügen, wenn es zu window hinzugefügt werden soll. Zum Beispiel

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

Answer 2

Sie müssen den Ereignis-Listener an das Fenster anhängen. Das kann sich vom Browser unterscheiden, aber es hat für mich funktioniert.

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!