เหตุการณ์ข้อผิดพลาดเต็มหน้าจอ
ตัวอย่าง
แจ้งเตือนข้อความบางส่วนหากองค์ประกอบไม่สามารถดูในโหมดเต็มหน้าจอ:
document.addEventListener("fullscreenerror", function() {
alert("Fullscreen denied")
});
ความหมายและการใช้งาน
เหตุการณ์ข้อผิดพลาดแบบเต็มหน้าจอเกิดขึ้นเมื่อไม่สามารถดูองค์ประกอบในโหมดเต็มหน้าจอได้ แม้ว่าจะมีการร้องขอก็ตาม
หมายเหตุ:เหตุการณ์นี้ต้องใช้คำนำหน้าเฉพาะเพื่อทำงานในเบราว์เซอร์ต่างๆ (ดูการสนับสนุนเบราว์เซอร์ด้านล่าง)
เคล็ดลับ:ใช้องค์ประกอบ .requestFullscreen()วิธีการดูองค์ประกอบในโหมดเต็มหน้าจอ
เคล็ดลับ:ใช้องค์ประกอบ .exitFullscreen()วิธีการยกเลิกโหมดเต็มหน้าจอ
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์ หมายเหตุ:แต่ละเบราว์เซอร์ต้องมีคำนำหน้าเฉพาะ (ดูวงเล็บ):
Event | |||||
---|---|---|---|---|---|
fullscreenerror | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
ตัวอย่าง
การใช้คำนำหน้าสำหรับรหัสข้ามเบราว์เซอร์:
/* Standard syntax */
document.addEventListener("fullscreenerror",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenerror", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenerror",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenerror", function() {
...
});
ไวยากรณ์
ใน HTML:
<element onfullscreenerror="myScript">
ในจาวาสคริปต์:
object.onfullscreenerror = function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("fullscreenerror", myScript);
หมายเหตุ:วิธีการaddEventListener()ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ใช่ |
---|---|
ยกเลิกได้: | ไม่ |
ประเภทเหตุการณ์: | เหตุการณ์ |
แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมด |