fullscreenchange tapahtuma

DOM-tapahtumat Event-objekti

Määrittely ja käyttö

fullscreenchange tapahtuma tapahtuu, kun elementti näytetään täysiverkkonäytössä.

Huomautus:Tämä tapahtuma vaatii erityisiä etuliitteitä, jotta se toimii eri selaimissa (katso alla olevat esimerkit).

Vinkki:Käytä elementti.requestFullscreen() metodia tarkastellaksesi elementtiä täysiverkko-tilassa.

Vinkki:Käytä elementti.exitFullscreen() Metodi poistaa täysiverkko-tilan.

Esimerkki

Näytä tekstejä, kun sivua tarkastellaan täysiverkko-tilassa:

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

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onfullscreenchange="myScript">

JavaScriptissa:

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

JavaScriptissa käytetään addEventListener() -menetelmää:

objekti.addEventListener("fullscreenchange", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue addEventListener() -menetelmä.

Tekninen yksityiskohta

Puhkeava: Tuettu
Peruutettavissa: Ei tuettu
Tapahtumatyypit: Event
Tuetut HTML-merkit: Kaikki HTML-elementit

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tapahtumaa. Huomautus: Jokaiselle selaimelle tarvitaan erityinen etuliite (katso sulkeet):

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

Esimerkki

Prefixit, jotka tarvitaan monikyttöiselle koodille:

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

Kokeile itse

DOM-tapahtumat Event-objekti