elemento di dialogo - finestra modale semplificata

Chrome Canary supporta l'elemento dialog dietro un flag. L'elemento dialog può essere utilizzato per i popup in una pagina web.

  • show(): apri la finestra di dialogo.
  • close(): chiudi la finestra di dialogo. Accetta un argomento facoltativo a cui, se presente, viene impostato il valore dialog.returnValue.
  • showModal(): apri una finestra di dialogo modale.
  • ::backdrop: pseudo-elemento per applicare uno stile allo sfondo dietro una finestra di dialogo modale.
  • Evento close: viene attivato quando una finestra di dialogo viene chiusa.

Aggiornamento del 16 dicembre 2013

L'elemento dialog ora supporta:

  • Evento cancel: viene attivato quando si preme il tasto Esc in una finestra di dialogo modale. Questo evento può essere annullato utilizzando event.preventDefault().
  • Attributo autofocus: il primo controllo del modulo in una finestra di dialogo modale che ha l'attributo autofocus, se presente, verrà attivato quando viene visualizzata la finestra di dialogo. Se non esiste un elemento di questo tipo, viene attivato il primo elemento attivabile.
  • form[method="dialog"]: valido solo all'interno di una finestra di dialogo. Al momento dell'invio del modulo, chiude la finestra di dialogo e imposta dialog.returnValue sul valore del pulsante di invio utilizzato.

Scopri i dettagli con una demo dal vivo e il polyfill.

Attivala attivando "Attiva funzionalità sperimentali della piattaforma web" in chrome://flags/.