Foros del Web » Programando para Internet » Javascript »

Cerrar ventana modal con ESC

Estas en el tema de Cerrar ventana modal con ESC en el foro de Javascript en Foros del Web. Buenos dias Amigos tengo una duda tengo una ventana modal creada con html/css y le tengo un boton de cerrar pero quiero que se cierre ...
  #1 (permalink)  
Antiguo 16/06/2014, 06:06
 
Fecha de Ingreso: junio-2014
Mensajes: 2
Antigüedad: 9 años, 10 meses
Puntos: 0
Cerrar ventana modal con ESC

Buenos dias

Amigos tengo una duda tengo una ventana modal creada con html/css y le tengo un boton de cerrar pero quiero que se cierre con la tecla ESC


Muchas gracias por su ayuda !
  #2 (permalink)  
Antiguo 16/06/2014, 10:52
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Cerrar ventana modal con ESC

El código de la tecla ESC es el 27, de modo que solo te toca aplicar el evento keyup a la ventana.

Código Javascript:
Ver original
  1. window.addEventListener("keyup", function(event){
  2.     if (event.keyUp == 27){
  3.         //Cierras tu ventana
  4.     }
  5. }, false);

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 16/06/2014, 11:00
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: Cerrar ventana modal con ESC

Cita:
Iniciado por Alexis88 Ver Mensaje
El código de la tecla ESC es el 27, de modo que solo te toca aplicar el evento keyup a la ventana.

Código Javascript:
Ver original
  1. window.addEventListener("keyup", function(event){
  2.     if (event.keyUp == 27){
  3.         //Cierras tu ventana
  4.     }
  5. }, false);

Saludos
¿No será event.keyCode?
  #4 (permalink)  
Antiguo 16/06/2014, 11:08
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Cerrar ventana modal con ESC

Jajaja, eso me pasa por hacer dos cosas a la vez.

Código Javascript:
Ver original
  1. window.addEventListener("keyup", function(event){
  2.     var codigo = event.keyCode || event.which;
  3.     if (codigo == 27){
  4.         //Cierras tu ventana
  5.     }
  6. }, false);
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: cerrar, html, modal, ventana
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:52.