JS 实现刷新页面不退出全屏
要实现在刷新页面时不退出全屏,可以使用以下代码:
function refreshPage() {
var isFullScreen = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
if (isFullScreen) {
// 保存当前全屏状态的元素
var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
var fullscreenFunction = document.exitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen || document.msExitFullscreen;
fullscreenFunction.call(document);
window.location.reload();
setTimeout(function() {
fullscreenElement.requestFullscreen = fullscreenElement.requestFullscreen || fullscreenElement.mozRequestFullScreen || fullscreenElement.webkitRequestFullscreen || fullscreenElement.msRequestFullscreen;
fullscreenElement.requestFullscreen.call(fullscreenElement);
}, 100);
} else {
window.location.reload();
}
}
// 调用刷新页面的函数
refreshPage();
这段代码首先检查当前是否处于全屏状态,如果是,则在刷新页面之前退出全屏状态。然后刷新页面,并在 100 毫秒后重新进入全屏状态。如果当前不处于全屏状态,则直接刷新页面。
注意:这段代码使用了不同浏览器的全屏 API,因此需要在不同浏览器中进行测试和适配。
原文地址: https://www.cveoy.top/t/topic/qkKO 著作权归作者所有。请勿转载和采集!