Como conseguir tela cheia?

tela cheia

Element.requestFullscreen()
(1) Este método faz uma solicitação assíncrona para exibir o elemento no modo de tela cheia.
(2) Solicitar ao navegador (agente do usuário) para definir um elemento específico (mesmo estendendo-se a seus elementos descendentes) no modo de tela cheia, ocultando todos os elementos da interface do usuário do navegador na tela e outros aplicativos. Retorna uma promessa que será resolvida quando o modo de tela cheia for ativado.
(3) Não há garantia de que um elemento entrará no modo de tela cheia. Se a permissão para entrar no modo de tela cheia for concedida, o Promise retornado será resolvido e o elemento receberá um evento fullscreenchange para que ele saiba que agora está no modo de tela cheia. Se a permissão for negada, a promessa será rejeitada e o elemento receberá um evento fullscreenerror. Se o elemento foi desanexado do documento original, o documento receberá esses eventos.
(4) Suporta a passagem do parâmetro FullscreenOptions.

navegaçãoUI Controla se a IU de navegação deve ser exibida quando o elemento estiver no modo de tela cheia. O padrão é "auto", o que significa que o navegador deve decidir o que fazer.
esconder A interface de navegação do navegador ficará oculta e todo o tamanho da tela será alocado para a exibição do elemento.
mostrar O navegador renderizará os controles de navegação da página e possivelmente outra interface do usuário; as dimensões dos elementos (e o tamanho percebido da tela) serão restritas para abrir espaço para essa interface do usuário.
auto O navegador escolherá qual das configurações acima se aplica. É o valor padrão.



Sair da Tela Cheia

Document.exitFullscreen()
(1) É usado para solicitar a mudança do modo de tela cheia para o modo de janela, e uma promessa será retornada, que será definida para o estado resolvido quando o modo de tela cheia for completamente fechado.
(2) O usuário pode sair do modo de tela inteira pressionando a tecla ESC (ou F11).


evento

fullscreenchangePode ser usado para detectar quando o modo de tela cheia está ativado e desativado. O Documento ou Elemento para o qual enviar uma mensagem (ouvir) quando estiver em tela cheia ou sair da tela cheia.

fullscreenerrorQuando o erro ocorre durante a alternância entre os modos de tela inteira e janela. Quando ocorre um erro em tela cheia ou ao sair da tela cheia, a mensagem de erro é enviada para o documento ou elemento (monitorado).



navegador compatível

tela cheia

  • requestFullscreen
  • mozRequestFullScreen
  • webkitRequestFullscreen
  • msRequestFullscreen

Sair da Tela Cheia

  • sair da tela cheia
  • mozCancelarFullScreen
  • webkitSairTela cheia
  • msExitFullscreen

Acho que você gosta

Origin blog.csdn.net/Kate_sicheng/article/details/128199784
Recomendado
Clasificación