Eiji Kitamura
Chrome Canary ahora es compatible con el elemento de diálogo detrás de una bandera. El elemento dialog se puede usar para ventanas emergentes en una página web.
show(): Abrir diálogo.close(): Cierra el diálogo. Toma un argumento opcional que, si está presente, se configura comodialog.returnValue.showModal(): Abre el diálogo modal.::backdrop: Seudoelemento para aplicar estilo al fondo detrás de un diálogo modal.- Evento
close: se activa cuando se cierra un diálogo.
Actualización del 16 de diciembre de 2013
El elemento dialog ahora admite lo siguiente:
- Evento
cancel: Se activa cuando se presiona la tecla Escape en un diálogo modal. Puedes usarevent.preventDefault()para cancelar este evento. - Atributo
autofocus: Es el primer control de formulario en un diálogo modal que tiene el atributoautofocus, si lo hay, se enfocará cuando se muestre el diálogo. Si no existe tal elemento, el primer elemento enfocable se enfoca. form[method="dialog"]: Solo es válido dentro del diálogo. Cuando se envía el formulario, se cierra el diálogo y se establecedialog.returnValueen el valor del botón de envío que se usó.
Descubre los detalles con una demostración en vivo y polyfill.
Para activarla, habilita la opción "Habilitar las funciones experimentales de la plataforma web" en chrome://flags/.