เหตุการณ์เปลี่ยนแบบเต็มหน้าจอ
ตัวอย่าง
แสดงข้อความเมื่อดูหน้าในโหมดเต็มหน้าจอ:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
ความหมายและการใช้งาน
เหตุการณ์ fullscreenchange เกิดขึ้นเมื่อองค์ประกอบถูกดูในโหมดเต็มหน้าจอ
หมายเหตุ:เหตุการณ์นี้ต้องใช้คำนำหน้าเฉพาะเพื่อทำงานในเบราว์เซอร์ต่างๆ (ดูการสนับสนุนเบราว์เซอร์ด้านล่าง)
เคล็ดลับ:ใช้องค์ประกอบ .requestFullscreen()วิธีการดูองค์ประกอบในโหมดเต็มหน้าจอ
เคล็ดลับ:ใช้องค์ประกอบ .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">
ในจาวาสคริปต์:
object.onfullscreenchange = function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("fullscreenchange", myScript);
หมายเหตุ:วิธีการaddEventListener()ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ใช่ |
---|---|
ยกเลิกได้: | ไม่ |
ประเภทเหตุการณ์: | เหตุการณ์ |
แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมด |