1

Tenho a necessidade de executar uma ação, quando o usuário sai do modo de tela cheia do navegador (pressionando ESC). Já verifiquei que o evento chamado é o fullscreenchange porém não consegui faze-lo funcionar no React.

Estou utilizando Functional Components. Segue minha implementação

useEffect(() => {
    if (videoElement) {
      document.addEventListener('fullscreenchange', action, false);
      document.addEventListener('mozfullscreenchange', action, false);
      document.addEventListener('MSFullscreenChange', action, false);
      document.addEventListener('webkitfullscreenchange', action, false);
    }
}, [videoElement]);
2
  • se está verificando a mudança videoElement, e se é verdade você adiciona os eventos, será que esses eventos não teriam que ser carregandos na criação do componente?
    – novic
    Commented 16/04/2020 às 12:44
  • Pois então. Adicionei um outro listener dentro desta condição. document.addEventListener("keydown", getKeyBoardInteration, false); esse listening está funcionando corretamente, porém os de fullscreenchange não. Commented 16/04/2020 às 16:40

1 Resposta 1

0

O elemento que deve receber o listening é o elemento que recebeu o requestFullScreen, que no caso não é o document, mas sim um elemento específico.

Adicionando o listening na referência do elemento tudo funciona corretamente.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .