Peristiwa fullscreenchange

Peristiwa DOM Objek Event

Pengartian dan penggunaan

Peristiwa fullscreenchange berlaku semasa melihat elemen dalam modus layar penuh.

Keterangan:Event ini memerlukan prefix khusus untuk bekerja di berbagai penjelajah (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 halaman dilihat dalam mode layar penuh:

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

Cuba sendiri

Sintaks

Pada HTML:

<elemen onfullscreenchange="myScript">

Pada JavaScript:

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

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("fullscreenchange", myScript);

Cuba 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

Support Browser

Angka dalam tabel menunjukkan versi pertama penggunaan penuh dari perangkat lunak penjelajah yang mendukung event ini. Keterangan: Setiap perangkat lunak penjelajah memerlukan prefix khusus (lihat 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

Prefixes untuk kode cross-browser:

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

Cuba sendiri

Peristiwa DOM Objek Event