Objeto do JavaScript

Manual de Referência do JavaScript

Manual de Referência JS DOM

Objeto Elemento do HTML DOM Objeto Documento do HTML DOM

Método HTML DOM exitFullscreen()

exitFullscreen()Método para fazer com que o documento atual saia do modo tela cheia.

Este método requer prefixos específicos para ser usado em diferentes navegadores (por favor, consulte a compatibilidade de navegadores abaixo).

UsorequestFullscreen()Métodos para abrir elementos em modo tela cheia.

Sintaxe:

document.exitFullscreen();

Exemplo

/*　Obter o elemento (<html>) para exibir a página em tela cheia　*/
var elem = document.documentElement;
/*　Ver em tela cheia　*/
function openFullscreen() {
　　if (elem.requestFullscreen) {
　elem.requestFullscreen();
　　} else if (elem.mozRequestFullScreen) {/*　Firefox　*/
　elem.mozRequestFullScreen();
　　} else if (elem.webkitRequestFullscreen) {　/*　Chrome, Safari e Opera　*/
　elem.webkitRequestFullscreen();
　　} else if (elem.msRequestFullscreen) {　/*　IE/Edge　*/
　elem.msRequestFullscreen();
　　}
}
/*　Fechar tela cheia　*/
function closeFullscreen() {
　　if (document.exitFullscreen) {
　document.exitFullscreen();
　　} else if (document.mozCancelFullScreen) {　　/*　Firefox　*/
　document.mozCancelFullScreen();
　　else if (document.webkitExitFullscreen) {　/*　Chrome, Safari e Opera　*/
　document.webkitExitFullscreen();
　　} else if (document.msExitFullscreen) {　/*　IE/Edge　*/
　document.msExitFullscreen();
　　}
}

Testar e Verificar‹/›

Compatibilidade do Navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente o método. Cada navegador precisa de um prefixo específico do fornecedor:

Método
exitFullscreen()	15.0 (webkit)	9.0 (moz)	12.10(webkit)	5.1(webkit)	11.0 (ms)

Detalhes Técnicos

Retorno:	Nenhum

Mais Exemplos

Quando a página está em modo de tela cheia, você pode usar CSS para definir o estilo da página:

Exemplo

div:-moz-completo-tela {
　　　fundo-cor: rosa;
}
div:-webkit-completo-tela {
　　　fundo-cor: rosa;
}
div:fullscreen {
　　　fundo-cor: rosa;
}

Testar e Verificar‹/›

Objeto Documento do HTML DOM

Objeto Elemento do HTML DOM Objeto Documento do HTML DOM