Не уверен, что следующий снимок кода будет работать встроенный в SO, поскольку он не работает при вставке, однако он работает автономно.
Проблема, я хочу, чтобы это было переключением; а не только для полноэкранного режима, но для выхода из него, если пользователь находится в полноэкранном режиме. Он отлично работает в полноэкранном режиме и выполняет полноэкранный код выхода (при показе окна alert()
, который запускается после кода выхода, но только в условии кода выхода), но он ничего не делает.
Я прочитал здесь здесь и здесь Кажется, что я делаю все правильно, но чего-то не хватает. Не могли бы вы помочь выяснить, как сделать этот процедурный код.
function fullscreen() {
var isInFullScreen = (document.fullscreenElement && document.fullscreenElement !== null) ||
(document.webkitFullscreenElement && document.webkitFullscreenElement !== null) ||
(document.mozFullScreenElement && document.mozFullScreenElement !== null) ||
(document.msFullscreenElement && document.msFullscreenElement !== null);
var docElm = document.documentElement;
if (!isInFullScreen) {
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
} else if (docElm.msRequestFullscreen) {
docElm.msRequestFullscreen();
}
} else {
if (docElm.exitFullscreen) {
docElm.exitFullscreen();
} else if (docElm.webkitExitFullscreen) {
docElm.webkitExitFullscreen();
} else if (docElm.mozCancelFullScreen) {
docElm.mozCancelFullScreen();
} else if (docElm.msExitFullscreen) {
docElm.msExitFullscreen();
}
alert('exit fullscreen, doesnt work');
}
}
<a onclick="fullscreen()" href="javascript:void(0);">Toggle FullScreen</a>