¿Cómo detectar la pulsación de la tecla de escape con JS o jQuery puro?

Posible duplicado:
qué código clave para la tecla de escape con jQuery

¿Cómo detectar la pulsación de la tecla de escape en IE, Firefox y Chrome? El siguiente código funciona en IE y alertas 27, pero en Firefox alerta0

$('body').keypress(function(e){
    alert(e.which);
    if(e.which == 27){
        // Close my modal window
    }
});

Nota: keyCodeestá recibiendo un uso obsoleto en su keylugar.

function keyPress (e) {
    if(e.key === "Escape") {
        // write your logic here.
    }
}

Aquí está jsfiddle

keyCode se está despreciando

Parece keydowny keyupfunciona, aunque keypresspuede que no

$(document).keyup(function(e) {
     if (e.key === "Escape") { // escape key maps to keycode `27`
        // <DO YOUR WORK HERE>
    }
});

Qué código clave para la tecla de escape con jQuery

El keydownevento funcionará bien para Escape y tiene la ventaja de permitirle usarlo keyCodeen todos los navegadores. Además, debe adjuntar al oyente en documentlugar del cuerpo.

Actualización de mayo de 2016

keyCodeahora está en proceso de desaprobación y la mayoría de los navegadores modernos ofrecen la keypropiedad ahora, aunque todavía necesitará un respaldo para un soporte decente del navegador por el momento (al momento de escribir las versiones actuales de Chrome y Safari no lo admiten).

La actualización de septiembre de 2018 evt.key ahora es compatible con todos los navegadores modernos.

document.onkeydown = function(evt) {
    evt = evt || window.event;
    var isEscape = false;
    if ("key" in evt) {
        isEscape = (evt.key === "Escape" || evt.key === "Esc");
    } else {
        isEscape = (evt.keyCode === 27);
    }
    if (isEscape) {
        alert("Escape");
    }
};

Click me then press the Escape key

Usando JavaScript puedes verificar el funcionamiento de jsfiddle

document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.keyCode == 27) {
        alert('Esc key pressed.');
    }
};

Usando jQuery puedes verificar el funcionamiento de jsfiddle

jQuery(document).on('keyup',function(evt) {
    if (evt.keyCode == 27) {
       alert('Esc key pressed.');
    }
});

verifique keyCode&& which& keyup||keydown

$(document).keydown(function(e){
   var code = e.keyCode || e.which;
   alert(code);
});

La mejor manera es hacer que esto funcione

FUNCIÓN:

$.fn.escape = function (callback) {
    return this.each(function () {
        $(document).on("keydown", this, function (e) {
            var keycode = ((typeof e.keyCode !='undefined' && e.keyCode) ? e.keyCode : e.which);
            if (keycode === 27) {
                callback.call(this, e);
            };
        });
    });
};

EJEMPLO:

$("#my-div").escape(function () {
    alert('Escape!');
})

A continuación se muestra el código que no solo deshabilita la tecla ESC, sino que también verifica la condición donde se presiona y, dependiendo de la situación, realizará la acción o no.

En este ejemplo,

e.preventDefault();

desactivará la acción de presionar la tecla ESC.

Puede hacer algo como ocultar un div con esto:

document.getElementById('myDivId').style.display = 'none';

Cuando se presiona la tecla ESC también se tiene en cuenta:

(e.target.nodeName=='BODY')

Puede eliminar esto si parte de la condición si desea aplicar esto a todos. O puede seleccionar INPUT aquí para aplicar solo esta acción cuando el cursor está en el cuadro de entrada.

window.addEventListener('keydown', function(e){
    if((e.key=='Escape'||e.key=='Esc'||e.keyCode==27) && (e.target.nodeName=='BODY')){
        e.preventDefault();
        return false;
    }
}, true);

Creo que la forma más sencilla es JavaScript vainilla:

document.onkeyup = function(event) {
   if (event.key === 27){
     //do something here
   }
}