0

los molesto para consultarles si tienen idea de como hacer para que se cierre una ventana modal cuando el usuario presiona la tecla Escape. Tengo hecha la función close, para cuando el usuario presiona un botón "Cancelar", por lo que mi pregunta central seria, como puedo hacer para captar el evento de que un usuario presiona la tecla ESC (Escape) y de esa manera utilizarlo para cerrar el modal. Esto en Angularjs. Desde ya les agradezco por su tiempo.

2
  • ya que no pones el codigo ni nada, usa window.addEventListener('onkeyup', function(event){ /* codigo */ }) Commented el 25 sept. 2019 a las 18:53
  • Revisa esto, te puede servir Commented el 25 sept. 2019 a las 19:08

1 respuesta 1

1

Para las cerrar una ventana modal con angularjs, simplemete debes definir tu configuracion de modal en tu controller con: "escapeToClose: true" ejemplo de archivo de configuracion en el controller:

var config = {
    attachTo: angular.element(document.body),
    controller: PanelDialogCtrl,
    controllerAs: 'ctrl',
    disableParentScroll: this.disableParentScroll,
    templateUrl: 'panel.tmpl.html',
    hasBackdrop: true,
    panelClass: 'demo-dialog-example',
    position: position,
    trapFocus: true,
    zIndex: 150,
    clickOutsideToClose: true,
    escapeToClose: true,
    focusOnOpen: true
};
this._mdPanel.open(config);
};

Aqui un ejemplo de como hacerlo en codepen https://codepen.io/pen/?&editable=true

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.