elemen dialog - modal menjadi mudah

Eiji Kitamura
Eiji Kitamura

Chrome Canary telah mendapatkan dukungan untuk elemen dialog di belakang flag. Elemen dialog dapat digunakan untuk pop-up di halaman web.

  • show(): Membuka dialog.
  • close(): Menutup dialog. Mengambil argumen opsional yang jika ada dialog.returnValue ditetapkan.
  • showModal(): Membuka dialog modal.
  • ::backdrop: Elemen semu untuk menata gaya latar belakang di balik dialog modal.
  • Peristiwa close: Diaktifkan saat dialog ditutup.

Pembaruan pada 16 Desember 2013

Elemen dialog kini mendukung:

  • Peristiwa cancel: Diaktifkan saat tombol Escape ditekan pada dialog modal. Acara ini dapat dibatalkan menggunakan event.preventDefault().
  • Atribut autofocus: Kontrol formulir pertama dalam dialog modal yang memiliki atribut autofocus, jika ada, akan difokuskan saat dialog ditampilkan. Jika tidak ada elemen tersebut, elemen pertama yang dapat difokuskan akan difokuskan.
  • form[method="dialog"]: Hanya valid dalam dialog. Setelah pengiriman formulir, fitur ini akan menutup dialog dan menyetel dialog.returnValue ke nilai tombol kirim yang digunakan.

Lihat detail dengan demo live dan polyfill.

Aktifkan dengan mengaktifkan "Aktifkan fitur Platform Web eksperimental" di chrome://flags/.