عنصر گفت و گو - مودال آسان شده است

ایجی کیتامورا

Chrome Canary پشتیبانی از عنصر گفتگوی پشت پرچم را دریافت کرده است. عنصر dialog را می توان برای پنجره های بازشو در یک صفحه وب استفاده کرد.

  • show() : باز کردن گفتگو.
  • close() : بستن گفتگو. یک آرگومان اختیاری می گیرد که در صورت وجود dialog.returnValue روی آن تنظیم می شود.
  • showModal() : باز کردن گفتگوی مدال.
  • ::backdrop : عنصر شبه برای استایل دادن به پس زمینه در پشت یک گفتگوی مودال.
  • رویداد close : هنگامی که یک گفتگو بسته می شود فعال می شود.

به روز رسانی در 16 دسامبر 2013

عنصر dialog اکنون پشتیبانی می کند:

  • cancel رویداد: هنگامی که کلید Escape در یک گفتگوی مدال فشار داده می شود، فعال می شود. این رویداد را می توان با استفاده از event.preventDefault() لغو کرد.
  • ویژگی autofocus : اولین کنترل فرم در یک گفتگوی مدال که دارای ویژگی autofocus است، در صورت وجود، هنگامی که گفتگو نشان داده می شود، فوکوس می شود. اگر چنین عنصری وجود نداشته باشد، اولین عنصر قابل تمرکز متمرکز است.
  • form[method="dialog"] : فقط در یک گفتگو معتبر است. پس از ارسال فرم، دیالوگ را می بندد و dialog.returnValue به مقدار دکمه ارسال استفاده شده تنظیم می کند.

جزئیات را با نسخه نمایشی زنده و polyfill بررسی کنید .

با فعال کردن «فعال کردن ویژگی‌های پلتفرم وب آزمایشی» در chrome://flags/، آن را روشن کنید.