element okna dialogowego: proste układy modalne

Eiji Kitamura
Eiji Kitamura
Twitter GitHub Usterka Mastodon

Chrome Canary obsługuje element okna za flagą. 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óry jeśli obecny dialog.returnValue jest ustawiony na.
  • showModal(): otwórz okno modalne.
  • ::backdrop: pseudoelement określający styl tła za oknem modalnym.
  • Zdarzenie close: wywoływane 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ć, używając konta event.preventDefault().
  • Atrybut autofocus: pierwszy element sterujący formularza w oknie modalnym, który ma atrybut autofocus (jeśli istnieje), będzie aktywny po wyświetleniu okna. W przypadku braku takiego elementu zaznaczony jest pierwszy z nich.
  • form[method="dialog"]: prawidłowy tylko w oknie dialogowym. Po przesłaniu formularza zamyka okno i ustawia dialog.returnValue na wartość użytego przycisku przesyłania.

Sprawdź szczegóły dzięki demonstracji na żywo i kodowi polyfill

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