Evento de error de pantalla completa
Ejemplo
Alerte algún texto si un elemento no se puede ver en modo de pantalla completa:
document.addEventListener("fullscreenerror", function() {
alert("Fullscreen denied")
});
Definición y uso
El evento fullscreenerror ocurre cuando un elemento no se puede visualizar en modo pantalla completa, aunque haya sido solicitado.
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 | |||||
---|---|---|---|---|---|
fullscreenerror | 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("fullscreenerror",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenerror", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenerror",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenerror", function() {
...
});
Sintaxis
En HTML:
<element onfullscreenerror="myScript">
En JavaScript:
object.onfullscreenerror = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("fullscreenerror", 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 |