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

[Anonymous]

Я создаю многопользовательскую 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 с помощью continueDefault?

EDIT:

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

Подробнее здесь: https://stackoverflow.com/questions/107 ... fullscreen