عنصر مربع الحوار - أصبحت النوافذ أكثر سهولة

إيجي كيتامورا
إيجي كيتامورا

حصل 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.

يمكنك تفعيله من خلال تفعيل الإعداد "تفعيل ميزات Web Platform التجريبية" في chrome://flags/.