Eiji Kitamura
O Chrome Canary passou a oferecer suporte ao elemento de diálogo com uma flag. O elemento dialog pode ser usado para pop-ups em uma página da Web.
show(): caixa de diálogo aberta.close(): fecha a caixa de diálogo. Recebe um argumento opcional que, se presente, definedialog.returnValue.showModal(): abre a caixa de diálogo modal.::backdrop: pseudoelemento para estilizar o plano de fundo atrás de uma caixa de diálogo modal.- Evento
close: é acionado quando uma caixa de diálogo é fechada.
Atualizado em 16 de dezembro de 2013
O elemento dialog agora oferece suporte a:
- Evento
cancel: é acionado quando a tecla Escape é pressionada em uma caixa de diálogo modal. Esse evento pode ser cancelado usandoevent.preventDefault(). - Atributo
autofocus: o primeiro controle de formulário em uma caixa de diálogo modal que tem o atributoautofocus, se houver, será focado quando a caixa de diálogo for mostrada. Se não houver esse elemento, o primeiro elemento focalizável será focado. form[method="dialog"]: só é válido dentro de uma caixa de diálogo. Após o envio do formulário, ele fecha a caixa de diálogo e definedialog.returnValuecomo o valor do botão de envio que foi usado.
Confira os detalhes com uma demonstração ao vivo e um polyfill.
Para ativar, ative a opção "Ativar recursos experimentais da plataforma da Web" em chrome://flags/.