fullscreenchange 事件
定义和用法
fullscreenchange 事件在以全屏模式查看元素时发生。
توجه:此事件需要特定的前缀才能在不同的浏览器中工作（请参阅下面的更多实例）。
روشی برای نمایش عناصر به حالت نمایش کامل استفاده می‌شود.توجه: این رویداد نیاز به پیشوند خاصی دارد تا در مرورگرهای مختلف کار کند (لطفاً به مثال‌های زیر مراجعه کنید). element.requestFullscreen()
روشی برای نمایش عناصر به حالت نمایش کامل استفاده می‌شود.توجه: لطفاً از element.exitFullscreen()
مثال
روشی برای لغو حالت نمایش کامل صفحه.
document.addEventListener("fullscreenchange", function() {
در حالت نمایش کامل صفحه، متنی را نمایش می‌دهد:
});
output.innerHTML = "fullscreenchange event fired!";
منطق
در HTML:< عنصرmyScriptonfullscreenchange="
">
در جاوااسکریپت، از روش addEventListener() استفاده می‌شود:در جاوااسکریپت:myScript.onfullscreenchange = function(){
};
در جاوااسکریپت، از روش addEventListener() استفاده می‌شود:.addEventListener("fullscreenchange", myScript);
توجه:این نسخه‌های اینترنت اکسپلورر 8 و قبل از آن را پشتیبانی نمی‌کند روش addEventListener()。
جزئیات فنی
| شبکه‌ای: | پشتیبانی می‌شود |
|---|---|
| ملغا پذیر: | پشتیبانی نمی‌شود |
| نوع رویداد: | رویداد |
| برچسب‌های HTML پشتیبانی شده: | تمام عناصر HTML |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این رویداد را پشتیبانی می‌کند. توجه: هر مرورگر نیاز به پیشوند خاصی دارد (لطفاً به توضیحات در گوشه مراجعه کنید):
| رویداد | کروم | آئی‌ای | فایرفاکس | سافاری | آپرا |
|---|---|---|---|---|---|
| fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
مثال
پیشوند پیش‌نویسی برای استفاده در کد فرا مرزی:
/* استاندارد گرامر */
document.addEventListener("fullscreenchange", function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari و Opera */
document.addEventListener("webkitfullscreenchange", function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
