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.returnValuesul 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/.