Я пытаюсь реализовать полноэкранный режим на своем веб-сайте, но он не работает должным образом, что происходит, когда я переключаюсь на другие страницы через меню, он теряет полноэкранный режим.Например, у меня есть кнопка для переключения полноэкранного режима, поэтому, когда я нажимаю, он переходит в полноэкранный режим, но когда я нажимаю ссылку на другие страницы, он переходит на другие страницы, но не на весь экран.Однако, если я использую кнопку клавиатуры, такую как F11, она работает правильно.
Так что я использую кнопку для пользователя, чтобы он мог переключаться в полноэкранный режим, который
<input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen()">
ИМоя функция выглядит следующим образом:
function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement !== null) ||
(!document.mozFullScreen && !document.webkitIsFullScreen)) {
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
}
Но это работает не для всех страниц.Есть ли способ, когда пользователь нажимает кнопку «F11», кнопка активируется, поскольку она работает должным образом, и при переключении она выходит из полноэкранного режима.