fullscreenchange Etkinliği
Örnek
Sayfa tam ekran modunda görüntülendiğinde bir miktar metin görüntüleyin:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Tanım ve Kullanım
Fullscreenchange olayı, bir öğe tam ekran modunda görüntülendiğinde meydana gelir.
Not: Bu olay, farklı tarayıcılarda çalışmak için belirli önekler gerektirir (aşağıdaki Tarayıcı Desteğine bakın).
İpucu: Bir öğeyi tam ekran modunda görüntülemek için element .requestFullscreen () yöntemini kullanın.
İpucu: Tam ekran modunu iptal etmek için element .exitFullscreen() yöntemini kullanın.
Tarayıcı Desteği
Tablodaki sayılar, olayı tam olarak destekleyen ilk tarayıcı sürümünü belirtir. Not: Her tarayıcı belirli bir önek gerektirir (parantezlere bakın):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Örnek
Tarayıcılar arası kod için önekleri kullanma:
/* 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() {
...
});
Sözdizimi
HTML'de:
<element onfullscreenchange="myScript">
JavaScript'te:
object.onfullscreenchange = function(){myScript};
JavaScript'te, addEventListener() yöntemini kullanarak:
object.addEventListener("fullscreenchange", myScript);
Not: addEventListener () yöntemi, Internet Explorer 8 ve önceki sürümlerde desteklenmez.
Teknik detaylar
kabarcıklar: | Evet |
---|---|
İptal edilebilir: | Numara |
Etkinlik tipi: | Etkinlik |
Desteklenen HTML etiketleri: | TÜM HTML öğeleri |