Evento de erro de tela cheia
Exemplo
Alerte algum texto se um elemento não puder ser visualizado no modo de tela cheia:
document.addEventListener("fullscreenerror", function() {
alert("Fullscreen denied")
});
Definição e uso
O evento fullscreenerror ocorre quando um elemento não pode ser visualizado no modo de tela cheia, mesmo que tenha sido solicitado.
Observação: este evento requer prefixos específicos para funcionar em diferentes navegadores (consulte Suporte ao navegador abaixo).
Dica: Use o método element .requestFullscreen() para visualizar um elemento no modo de tela cheia.
Dica: Use o método .exitFullscreen() do elemento para cancelar o modo de tela cheia.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento. Nota: Cada navegador requer um prefixo específico (ver parênteses):
Event | |||||
---|---|---|---|---|---|
fullscreenerror | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Exemplo
Usando prefixos para código entre navegadores:
/* 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() {
...
});
Sintaxe
Em HTML:
<element onfullscreenerror="myScript">
Em JavaScript:
object.onfullscreenerror = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("fullscreenerror", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | Não |
Tipo de evento: | Evento |
Tags HTML suportadas: | TODOS os elementos HTML |