เหตุการณ์ fullscreenchange

เหตุการณ์ DOM วัตถุ Event

คำนิยามและวิธีใช้

เหตุการณ์ fullscreenchange มีขึ้นเมื่อมองหน้าเจอในโหมดการแสดงทั้งหมด

หมายเหตุ:เหตุการณ์นี้ต้องการหน้าต่างหนึ่งเฉพาะเพื่อที่จะทำงานได้ในเบราซีเซอร์ต่างๆ (ดูตัวอย่างด้านล่าง)

คำแนะนำ:ใช้ element.requestFullscreen() วิธีที่แสดงองค์ประกอบในโหมดจอเต็มจอ.

คำแนะนำ:ใช้ element.exitFullscreen() วิธีที่ยกเลิกโหมดจอเต็มจอ.

ตัวอย่าง

แสดงข้อความบางอย่างเมื่อแสดงหน้าเว็บในโหมดจอเต็มจอ:

document.addEventListener("fullscreenchange", function() {
  output.innerHTML = "fullscreenchange event fired!";
});

ทดลองด้วยตัวเอง

ภาษาบวก:

ใน HTML:

<element onfullscreenchange="myScript">

ใน JavaScript:

object.onfullscreenchange = function(){myScript});

ใน JavaScript ใช้วิธี addEventListener():

object.addEventListener("fullscreenchange", myScript);

ทดลองด้วยตัวเอง

หมายเหตุ:Internet Explorer 8 หรือต่อตัวเลขนี้ไม่สนับสนุน addEventListener() วิธี。

รายละเอียดเทคนิค

การแบ่งปัน: สนับสนุน
สามารถยกเลิกได้: ไม่สนับสนุน
ชนิดเหตุการณ์: Event
แทร็กแบนเกิลที่สนับสนุน: เราะนั้น HTML ทั้งหมด

การสนับสนุนเบราซีเซอร์

ตัวเลขในตารางชี้ถึงการสนับสนุนเหตุการณ์นี้ของเบราซีเซอร์รุ่นแรกที่สนับสนุนทั้งหมด. หมายเหตุ: ทุกเบราซีเซอร์ต้องมีหน้าต่างหนึ่งเฉพาะ (ดูในวงเล็บ):

เหตุการณ์ Chrome IE Firefox Safari Opera
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() {
  ...
});

ทดลองด้วยตัวเอง

เหตุการณ์ DOM วัตถุ Event