Как определить, когда страница выходит из полноэкранного режима?

Я создаю многопользовательскую 3D-игру с помощью Three.js, в которой игроки могут присоединяться к различным существующим играм. После нажатия кнопки «воспроизведение» средство визуализации добавляется к странице и полноэкранному режиму. Это прекрасно работает, но проблема в том, что когда я выхожу из полноэкранного режима, он все равно остается добавленным. Я хотел бы удалить его, но я не знаю, когда!

Итак, в основном, я ищу событие, которое говорит «этот элемент вышел из полноэкранного режима».

Вот как я добавляю визуализатор к странице:

container = document.getElementById('container');
document.body.appendChild(container);

var renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setSize( WIDTH, HEIGHT);
container.appendChild( renderer.domElement );

Вот как я добавляю его в полноэкранный режим:

THREEx.FullScreen.request(container); 
renderer.setSize(screen.width, screen.height);

Кроме того, есть ли способ предотвратить появление этого надоедливого заголовка всякий раз, когда кто-то наводит указатель мыши на верхнюю часть страницы? страница? И, я думаю, я могу просто запретить escape делать то, что он делает (выход из полноэкранного режима) в Firefox и Chrome с помощью preventDefault?

РЕДАКТИРОВАТЬ:

Событие "fullscreenchange" действительно запускается, но оно имеет разные имена в разных браузерах. Например, в Chrome это называется «webkitfullscreenchange», а в Firefox — «mozfullscreenchange».

56
задан John 18 August 2019 в 17:28
поделиться