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]);
videoElement
, e se é verdade você adiciona os eventos, será que esses eventos não teriam que ser carregandos na criação do componente?document.addEventListener("keydown", getKeyBoardInteration, false);
esse listening está funcionando corretamente, porém os defullscreenchange
não.