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