0

Tengo una ventana modal que se cierra con la tecla ESC, lo que quiero es que al cerrar la ventana me ejecute una función que me ponga el foco en un textarea. este es el código que tengo hasta el momento.

$(document).keyup(function(event){
    if(event.which==27)
    {
        $("#ventana3").hide();

    }


});

Y el cambio de foco:

function fococoment(COMENTARIOS){
document.getElementById(COMENTARIOS).focus();
7
  • de que framework es ese modal? el modal lo creaste tu?
    – JuankGlezz
    Commented el 14 jun. 2017 a las 17:22
  • Has probado ya sea mandar llamar la función con el parámetro que ocupa o la línea donde está el focus() directamente después de tu línea de hide()?
    – Yikarus
    Commented el 14 jun. 2017 a las 17:26
  • Juank, lo cree yo mismo y Lixus ya probe con la linea del focus() y no se como llamar la funcion con el evento dentro de otra funcion. si puedes colocar un ejemplo te lo agradeceria.
    – Anderviver
    Commented el 14 jun. 2017 a las 17:35
  • Debes indicar el framework que usas para poder ayudarte.
    – fwBasic
    Commented el 14 jun. 2017 a las 20:23
  • No use ningún framework y ya lo soluciones, muchas gracias.
    – Anderviver
    Commented el 14 jun. 2017 a las 20:26

3 respuestas 3

3

Me parece que lo siguiente es mas acertado:

$("#miModal").on("hidden.bs.modal", function () {
    // Aquí va el código a disparar en el evento
});

Esta respuesta se dió en Stackoverflow en inglés: Capture close event on Bootstrap Modal

Lo he probado en una aplicación asp.net mvc 5 con Bootstrap y jquery, funciona de maravilla. Espero les sirva como alternativa.

1

veo que usas JQuery, lo unico que deberas hacer es poner el codigo de la siguiente manera despues de cerrar el modal y creando un retraso para que lo haga de la forma correcta.

$('#ventana).hide();

setTimeout(function(){
  $('#mitextarea').focus();
},250);
1
  • Listo, muchas gracias Jesus, a la perfección-
    – Anderviver
    Commented el 14 jun. 2017 a las 17:42
0
  $(document).keyup(function(event){
    if(event.which==27){
        $("#ventana3").hide(400, function(){ $(COMENTARIOS).focus(); });
    }
});

si usas jquery, el metodo hide tiene varias caracteristicas interesantes, una de ellas es que recibe varios argumentos para personalizar su funcionalidad.

puedes usar $('#element').hide(velocidad, miFuncion) donde:

  • velocidad, es la velocidad a la que se escondera el elemento, puede ser 'slow', 'fast' o un numero entero, la velocidad por defecto es 400.

  • miFuncion, es la funcion que se invocará cuando el elemento se esconda.

te dejo links hacia la documentacion de hide y a una pregunta en SO muy parecida a la tuya. http://api.jquery.com/hide/

https://stackoverflow.com/questions/9935778/jquery-onhide-event-handler

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.