element okna dialogowego: proste układy modalne

W Chrome Canary wprowadziliśmy obsługę elementu okna za pomocą flagi. Elementu dialog można używać w przypadku wyskakujących okienek na stronie internetowej.

  • show(): otwórz okno.
  • close(): zamknij okno. Przyjmuje opcjonalny argument, którego wartość dialog.returnValue jest ustawiona, jeśli jest obecny.
  • showModal(): otwórz okno modalne.
  • ::backdrop: pseudoelement określający styl tła za oknem modalnym.
  • Zdarzenie close: uruchamiane po zamknięciu okna.

Aktualizacja z 16 grudnia 2013 r.

Element dialog obsługuje teraz:

  • Zdarzenie cancel: wywoływane po naciśnięciu klawisza Escape w oknie modalnym. To wydarzenie można anulować za pomocą aplikacji event.preventDefault().
  • Atrybut autofocus: pierwszy element sterujący formularza w oknie modalnym, który zawiera atrybut autofocus (jeśli występuje), zostanie zaznaczony po wyświetleniu okna. W przypadku braku takiego elementu zaznaczony jest pierwszy element, który można zaznaczyć.
  • form[method="dialog"]: obowiązuje tylko w oknie dialogowym. Po przesłaniu formularza zamyka ono okno i ustawia dialog.returnValue na wartość użytego przycisku przesyłania.

Zapoznaj się ze szczegółami, korzystając z wersji demonstracyjnej na żywo i kodu polyfill.

Aby go włączyć, na stronie chrome://flags/ kliknij „Włącz eksperymentalne funkcje platformy internetowej”.