Código de JQuery - Cerrar un div con la tecla ESC (Escape) con JQuery

Pos: 2

Val: 293

Ha mantenido su posición en JQuery (en relación al último mes)

Cerrar un div con la tecla ESC (Escape) con JQuery

JQuery

(12)

Actualizado el 24 de Septiembre del 2018 por Xavi (548 códigos) (Publicado el 21 de Enero del 2012)

25.489 visualizaciones desde el 21 de Enero del 2012

Código que muestra como ocultar un div con la tecla ESC (Escape)

Versión 1
(12)

Actualizado el 24 de Septiembre del 2018 (Publicado el 21 de Enero del 2012)

gráfica de visualizaciones de la versión: Versión 1

25.490 visualizaciones desde el 21 de Enero del 2012

<!DOCTYPE html>

<html>

<head>

    <title>Cerrar un div con la tecla ESC (Escape) con JQuery</title>

    <script src="http://code.jquery.com/jquery-latest.js"></script>

</head>

<body>

<div id="infoWeb">

    Contenido del div...

    <p>Este div se cerrara en el momento que se pulse la tecla ESC (Escape)</p>

</div>

</body>

</html>

<script>

// Creamos un evento para que se ejecute cada vez que se pulse una tecla

$(document).keyup(function(e){

    if(e.which==27) {

        $("#infoWeb").hide();

});

</script>

Comentarios sobre la versión: Versión 1 (12)

Enrique Rojas

3 de Marzo del 2015

Viejo. Excelente! Que buen post!

Responder

beatriz del carmen

6 de Enero del 2016

No ha dejado ningún comentario

Responder

beatriz del carmen

6 de Enero del 2016

excelente muy bueno

Responder

Maximiliano

28 de Marzo del 2016

EL problema que tengo es que si quiero volver a entrar a ese modal, no me deja porque esta oculto, tengo que recargar la página, para mi caso, esta incompleto, saludos!

Responder

andres

19 de Abril del 2016

Como estas escondiendo el modal, con la tecla esc, tienes que crear un evento a un boton u otro objetos html para volverlo a mostrar

$("objeto").click(function(){
$("#infoWeb").show();
});

Responder

javier

17 de Junio del 2016

muchas gracias me ha servido de mucho

Responder

Edwing

9 de Enero del 2017

Muchas gracias, espero no cometer un error en revivir este post, me animé a comentar 1ro para agradecer el aporte que me ha servido bastante, y 2do porque pensé que no es extraño que alguien mas pueda estar necesitando esta valiosa información. saludos.

Responder

Nicolas

3 de Abril del 2018

No seas tan salamero

Responder

Skywalker

24 de Septiembre del 2018

¡Qué buen post!

Responder

osman bahena

24 de Junio del 2019

hola buenas noches disculpen ojala me puedan ayudar, el problema que tengo es el siguiente.
Tengo una galeria y lo que quiero es que al momento de presionar "esc" quiero que se quite la imagen que se este mostrando. Porfavor Ayuuuuuda!!

Responder

Kevin Marroquin

13 de Diciembre del 2019

No ha dejado ningún comentario

Responder

william

18 de Julio del 2020

sos un teso.... gracias

Responder