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 valoredialog.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 utilizzandoevent.preventDefault()
. - Attributo
autofocus
: il primo controllo del modulo in una finestra di dialogo modale che ha l'attributoautofocus
, 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 impostadialog.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/.