fullscreenchange Olayı

DOM olayları Event nesnesi

Tanım ve Kullanım

fullscreenchange olayı, bir elementi tam ekran modunda görüntülendiğinde tetiklenir.

Açıklama:Bu olay, farklı tarayıcılar arasında çalışmak için belirli bir ön ekle gerektirir (aşağıdaki daha fazla örnekte bakın).

İpucu:Kullanın: element.requestFullscreen() yöntemi, elementi tam ekran modunda görüntülemek için kullanın.

İpucu:Kullanın: element.exitFullscreen() Tam ekran modunu iptal eden yöntem.

Örnek

Sayfayı tam ekran modunda görüntülerken bazı metinler gösterin:

document.addEventListener("fullscreenchange", function() {
  output.innerHTML = "fullscreenchange olayı tetiklendi!";
});

Kişisel olarak deneyin

Sözdizimi

HTML'de:

<element onfullscreenchange="myScript">

JavaScript'te:

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

JavaScript'te addEventListener() yöntemini kullanarak:

nesne.addEventListener("fullscreenchange", myScript);

Kişisel olarak deneyin

Açıklama:Internet Explorer 8 veya daha eski sürümler desteklemiyor addEventListener() yöntemi.

Teknik ayrıntılar

Balonlama: Destekleniyor
İptal edilebilir: Desteklenmiyor
Olay türü: Event
Desteklenen HTML etiketleri: Tüm HTML要素

Tarayıcı Desteği

Tabloda belirtilen rakamlar, bu olayı tamamen destekleyen ilk tarayıcı sürümünü gösterir. Açıklama: Her tarayıcı belirli bir ön ekle gerektirir (parantez içinde bakın):

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

Örnek

Çoklu tarayıcı kodu için ön ekler:

/* Standart dilim */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* Chrome, Safari ve Opera */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

Kişisel olarak deneyin

DOM olayları Event nesnesi