elemen dialog - modal menjadi mudah

Eiji Kitamura

Chrome Canary telah memberikan dukungan untuk elemen dialog di balik 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 ke.
  • 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 seperti itu, elemen pertama yang dapat difokuskan akan difokuskan.
  • form[method="dialog"]: Hanya valid di dalam dialog. Setelah pengiriman formulir, tindakan ini akan menutup dialog dan menetapkan 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/.