Cómo manejar la tecla ESC en la ventana emergente de Javascript

Question

Tengo una ventana emergente javascript window.open, y quiero que la ventana emergente se cierre automáticamente cuando el usuario presiona la tecla ESC. No puedo encontrar la forma de enganchar el evento keydown (¿y en qué objeto?) Para poder capturar la tecla ESC.

Estoy usando jQuery.

Answer 1

Pruebe algo como esto:

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

Answer 2

Recuerde que debe utilizar la función @Gumbo posted en la ventana emergente ventana ... Así que tendrá que incluir jQuery en la ventana emergente y ejecutar la función existe, no el ventana que abre la ventana emergente.

Answer 3

Puede lograr fácilmente el enlace key events usando Jquery.

Aquí se puede utilizar .keydown()

List of keyboard keys codes

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

Answer 4

Es posible lograr con JS Sin usar jQuery.

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

Answer 5

@Gumbo 's respuesta es buena, pero a menudo es necesario para desenganchar este comportamiento por lo que sugiero utilizar el manejador de eventos one:

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

O

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

y cuando esté listo para detener el comportamiento

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

Answer 6

event.key === "Escape"

¡No más códigos de números arbitrarios!

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

Mozilla Docs

Supported Browsers