Evento fullscreenchange
Definição e uso
O evento fullscreenchange ocorre ao visualizar o elemento em modo de tela cheia.
Nota:Este evento requer um prefixo específico para funcionar em diferentes navegadores (veja mais exemplos abaixo).
Dica:Use elemento.requestFullscreen() Método para visualizar o elemento em modo de tela cheia.
Dica:Use elemento.exitFullscreen() Método para cancelar o modo de tela cheia.
Exemplo
Exiba alguns textos ao visualizar a página em modo de tela cheia:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "Evento fullscreenchange acionado!";
});
Sintaxe
No HTML:
<elemento onfullscreenchange="myScript">
No JavaScript:
objeto.onfullscreenchange = function(){myScript});
No JavaScript, use o método addEventListener():
objeto.addEventListener("fullscreenchange", myScript);
Nota:Internet Explorer 8 e versões anteriores não suportam Método addEventListener().
Detalhes técnicos
| Percorre a bolha: | Suportado |
|---|---|
| Cancelável: | Não suportado |
| Tipo de evento: | Evento |
| Tags HTML suportadas: | Todos os elementos HTML |
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente o evento. Nota: Cada navegador precisa de um prefixo específico (veja entre parênteses):
| Evento | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Exemplo
Prefixos usados para código de navegação multi-browser:
/* Linguagem padrão */
document.addEventListener("fullscreenchange", function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari e Opera */
document.addEventListener("webkitfullscreenchange", function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
