Peristiwa fullscreenchange

Peristiwa DOM Objek Event

Definisi dan penggunaan

Peristiwa fullscreenchange terjadi saat elemen dilihat dalam mode layar penuh.

Keterangan:Peristiwa ini memerlukan awalan khusus untuk bekerja di berbagai browser (lihat contoh di bawah).

Petunjuk:Gunakan elemen.requestFullscreen() metode untuk melihat elemen dalam mode layar penuh.

Petunjuk:Gunakan elemen.exitFullscreen() Metode untuk membatalkan mode layar penuh.

Contoh

Tampilkan beberapa teks saat melihat halaman dalam mode layar penuh:

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

Coba Sendiri

Sintaks

Pada HTML:

<elemen onfullscreenchange="myScript">

Pada JavaScript:

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

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("fullscreenchange", myScript);

Coba Sendiri

Keterangan:Internet Explorer 8 dan versi sebelumnya tidak mendukung Metode addEventListener().

Detil teknis

Bubbling: Didukung
Dapat dibatalkan: Tidak didukung
Tipe event: Event
Tag HTML yang didukung: Semua elemen HTML

Dukungan Browser

Angka di tabel menunjukkan versi pertama browser yang mendukung peristiwa ini. Keterangan: Setiap browser memerlukan awalan khusus (lihat di dalam kurung):

Event Chrome IE Firefox Safari Opera
fullscreenchange 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

Contoh

Awalan untuk kode cross-browser penggunaan:

/* Standar syntax */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* Chrome, Safari dan Opera */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

Coba Sendiri

Peristiwa DOM Objek Event