Volskermverandering Gebeurtenis
Voorbeeld
Vertoon 'n bietjie teks wanneer die bladsy in volskermmodus bekyk word:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definisie en gebruik
Die volskermverandering-gebeurtenis vind plaas wanneer 'n element in volskermmodus bekyk word.
Let wel: Hierdie gebeurtenis vereis spesifieke voorvoegsels om in verskillende blaaiers te werk (sien blaaierondersteuning hieronder).
Wenk: Gebruik die element .requestFullscreen() metode om 'n element in volskermmodus te sien.
Wenk: Gebruik die element .exitFullscreen() -metode om volskermmodus te kanselleer.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die geleentheid ten volle ondersteun. Let wel: Elke blaaier vereis 'n spesifieke voorvoegsel (sien hakies):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Voorbeeld
Gebruik voorvoegsels vir kruisblaaierkode:
/* 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
In HTML:
<element onfullscreenchange="myScript">
In JavaScript:
object.onfullscreenchange = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("fullscreenchange", myScript);
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
borrels: | Ja |
---|---|
Kanselleerbaar: | Geen |
Soort gebeurtenis: | Gebeurtenis |
Ondersteunde HTML-etikette: | ALLE HTML-elemente |