Entrar em tela cheia com JavaScript

139d atrás

Ion

---

0 0

O método abaixo ativa o modo fullscreen do navegador com #JavaScript, ele funciona com alguma ação do usuário, por exemplo, um clique de botão:

document.querySelector('button').onclick = () => document.documentElement.requestFullscreen();

Você pode sair do modo tela cheia com o método exitFullScreen():

document.exitFullscreen();

É possível verificar se a tela está em fullscreen, se document.fullscreenElement for diferente de null.

function toggleFullScreen() {
    if (document.fullscreenElement) document.exitFullscreen();
    else document.documentElement.requestFullscreen();
}