Acara perubahan layar penuh
Contoh
Menampilkan beberapa teks saat halaman dilihat dalam mode layar penuh:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definisi dan Penggunaan
Peristiwa perubahan layar penuh terjadi saat elemen dilihat dalam mode layar penuh.
Catatan: Acara ini memerlukan awalan khusus untuk bekerja di browser yang berbeda (lihat Dukungan Browser di bawah).
Tip: Gunakan metode elemen .requestFullscreen() untuk melihat elemen dalam mode layar penuh.
Tip: Gunakan metode elemen .exitFullscreen() untuk membatalkan mode layar penuh.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung acara tersebut. Catatan: Setiap browser memerlukan awalan tertentu (lihat tanda kurung):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Contoh
Menggunakan awalan untuk kode lintas-browser:
/* 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() {
...
});
Sintaksis
Dalam HTML:
<element onfullscreenchange="myScript">
Dalam JavaScript:
object.onfullscreenchange = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("fullscreenchange", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Ya |
---|---|
Dapat dibatalkan: | Tidak |
Jenis acara: | Peristiwa |
Tag HTML yang didukung: | SEMUA elemen HTML |