How to ESC Keydown auf Javascript Popup-Fenster zu behandeln

Question

Ich habe ein Javascript window.open Popup, und ich möchte das Popup selbst schließen, wenn der Benutzer die ESC-Taste drückt. Ich kann nicht herausfinden, wie man das Keydown-Ereignis (und auf welches Objekt?) Einhakt, so dass ich die ESC-Taste abfangen kann.

Ich benutze jQuery.

Answer 1

Probieren Sie etwas wie folgt aus:

$(document).keydown(function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

Answer 2

Denken Sie daran, dass Sie die Funktion @Gumbo posted im Popup-Fenster verwenden müssen ... So müssen Sie JQuery im Popup schließen und die Funktion dort ausführen, nicht die Fenster, das das Popup öffnet.

Answer 3

Sie können einfach mit Jquery Bindung key events erreichen.

Hier können Sie .keydown()

List of keyboard keys codes

$(document).keydown(function(e) {   
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

Answer 4

verwenden Es ist möglich, mit JS zu erreichen, ohne Verwendung von jQuery.

window.onkeydown = function(event) { 
    if (event.keyCode == 27) { 
     console.log('escape pressed'); 
    } 
}; 

Answer 5

@Gumbo ‚s Antwort ist gut, aber oft müssen Sie dieses Verhalten aushängen, damit ich die one Ereignishandler verwenden vorschlagen:

$(document).one('keydown', function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

ODER

$(document).on('keydown', function(e) { 
    // ESCAPE key pressed 
    if (e.keyCode == 27) { 
     window.close(); 
    } 
}); 

und wenn Sie bereit um das Verhalten zu stoppen

$(document).off('keydown'); 

Answer 6

event.key === "Escape"

Keine willkürlichen Zahlencodes mehr!

document.addEventListener('keydown', function(event) { 
    const key = event.key; // const {key} = event; in ES6+ 
    if (key === "Escape") { 
     window.close(); 
    } 
}); 

Mozilla Docs

Supported Browsers