خصائص fullscreenElement API الكامل
- الصفحة السابقة exitFullscreen()
- الصفحة التالية fullscreenEnabled()
- العودة إلى الطبقة السابقة مثال على API Fullscreen في JavaScript
التعريف والاستخدام
fullscreenElement
الخصائص تعود إلى العنصر الذي يتم عرضه في الوضع الكامل الشاشة حاليًا، أو null عند عدم وجود الوضع الكامل الشاشة.
نصيحة:الرجاء استخدام: العنصرطريقة .requestFullscreen() لعرض العنصر في الوضع الكامل الشاشة.
نصيحة:الرجاء استخدام: العنصرطريقة .exitFullscreen() إلغاء الوضع الكامل الشاشة.
مثال
مثال 1
الحصول على العنصر الذي يتواجد به الوضع الكامل الشاشة حاليًا:
var elem = document.fullscreenElement;
مثال 2
استخدام بدائل للكود المتعدد المتصفحات:
if ( document.fullscreenElement || /* القواعد القياسية */ document.webkitFullscreenElement || /* قواعد Safari و Opera */ document.msFullscreenElement /* قواعد IE11 */ ) { ... }
القواعد
document.fullscreenElement
تفاصيل التقنية
القيمة المعدة: | يعود هذا الحدث إلى العنصر الذي يتواجد به الوضع الكامل الشاشة، وإذا لم يكن الوضع الكامل الشاشة متاحًا، يعود null. |
---|
دعم المتصفح
الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذا الطريقة بشكل كامل.
ملاحظة:بعض المتصفحات تحتاج إلى بدائل معينة (انظر في الأقواس):
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
71.0 45.0 (webkit) |
79.0 11.0 (ms) |
64.0 47.0 (moz) |
5.1 (webkit) | 40.0 (webkit) |
- الصفحة السابقة exitFullscreen()
- الصفحة التالية fullscreenEnabled()
- العودة إلى الطبقة السابقة مثال على API Fullscreen في JavaScript