حدث التغيير الكامل
مثال
اعرض بعض النصوص عند عرض الصفحة في وضع ملء الشاشة:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
التعريف والاستخدام
يقع حدث fullscreenchange عند عرض عنصر في وضع ملء الشاشة.
ملاحظة: يتطلب هذا الحدث بادئات معينة للعمل في متصفحات مختلفة (انظر دعم المتصفح أدناه).
نصيحة: استخدم طريقة element .requestFullscreen () لعرض عنصر في وضع ملء الشاشة.
نصيحة: استخدم طريقة element .exitFullscreen () لإلغاء وضع ملء الشاشة.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الحدث بشكل كامل. ملاحظة: يتطلب كل متصفح بادئة معينة (انظر الأقواس):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
مثال
استخدام البادئات للتعليمات البرمجية عبر المستعرضات:
/* Standard syntax */
document.addEventListener("fullscreenchange",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
بناء الجملة
في HTML:
<element onfullscreenchange="myScript">
في JavaScript:
object.onfullscreenchange = function(){myScript};
في JavaScript ، باستخدام طريقة addEventListener ():
object.addEventListener("fullscreenchange", myScript);
ملاحظة: طريقة addEventListener () غير مدعومة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
فقاعات: | نعم |
---|---|
قابل للإلغاء: | رقم |
نوع الحدث: | حدث |
علامات HTML المدعومة: | كل عناصر HTML |