Evento de cambio de pantalla completa
Ejemplo
Muestra algo de texto cuando la página se ve en modo de pantalla completa:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definición y uso
El evento de cambio de pantalla completa ocurre cuando un elemento se ve en modo de pantalla completa.
Nota: este evento requiere prefijos específicos para funcionar en diferentes navegadores (consulte Compatibilidad con navegadores a continuación).
Sugerencia: use el método element .requestFullscreen() para ver un elemento en modo de pantalla completa.
Sugerencia: utilice el método element .exitFullscreen() para cancelar el modo de pantalla completa.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento. Nota: Cada navegador requiere un prefijo específico (ver paréntesis):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Ejemplo
Uso de prefijos para código de navegador cruzado:
/* 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() {
...
});
Sintaxis
En HTML:
<element onfullscreenchange="myScript">
En JavaScript:
object.onfullscreenchange = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("fullscreenchange", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | sí |
---|---|
Cancelable: | No |
Tipo de evento: | Evento |
Etiquetas HTML compatibles: | TODOS los elementos HTML |