O Chrome Canary agora é compatível com o elemento de caixa de diálogo por trás de uma sinalização. O elemento dialog
pode ser usado para pop-ups em uma página da Web.
show()
: abrir a caixa de diálogo.close()
: fechar caixa de diálogo. Usa um argumento opcional que, se presente,dialog.returnValue
é definido.showModal()
: abrir a caixa de diálogo modal.::backdrop
: pseudoelemento para definir o estilo do plano de fundo por trás de uma caixa de diálogo modal.- Evento
close
: acionado quando uma caixa de diálogo é fechada.
Atualização em 16 de dezembro de 2013
O elemento dialog
agora oferece suporte a:
- Evento
cancel
: disparado quando a tecla Esc é pressionada em uma caixa de diálogo modal. Para cancelar esse evento, useevent.preventDefault()
. - Atributo
autofocus
: o primeiro controle de formulário em uma caixa de diálogo modal que tenha o atributoautofocus
, se houver, será focado quando a caixa de diálogo for mostrada. Se não houver esse elemento, o primeiro será focado. form[method="dialog"]
: válido somente dentro de uma caixa de diálogo. Após o envio do formulário, ele fecha a caixa de diálogo e definedialog.returnValue
como o valor do botão de envio usado.
Confira os detalhes com uma demonstração ao vivo e polyfill.
Para ativar, ative a opção "Ativar recursos experimentais da plataforma Web" em chrome://flags/.