evento de mudança de tela cheia
Exemplo
Exiba algum texto quando a página for visualizada no modo de tela cheia:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definição e uso
O evento fullscreenchange ocorre quando um elemento é visualizado no modo de tela inteira.
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 | |||||
---|---|---|---|---|---|
fullscreenchange | 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("fullscreenchange",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
Sintaxe
Em HTML:
<element onfullscreenchange="myScript">
Em JavaScript:
object.onfullscreenchange = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("fullscreenchange", 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 |