全屏功能无法正常工作
Full screen functionality is not working properly
我正在尝试在我的网站中实现全屏功能,但它无法正常工作,发生的情况是当我通过菜单切换到其他页面时,它失去了全屏功能。例如,我有一个切换全屏功能的按钮,所以当我点击时,它进入全屏,但当我点击其他页面 link 时,它进入其他页面但不是全屏。但是,如果我使用像 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' 时,有什么方法可以激活按钮,因为它可以正常工作,并且在切换时它将退出全屏。
Fullscreen web API 的请求是针对活动文档中的元素提出的。
当您导航到其他页面时,发出此请求的文档已死,因此停用全屏模式是正常的。
F11全屏模式不是全屏网页API,而是浏览器的一部分UI , 就像 dev-tools 等一样。因此允许这种模式在文档中持久存在。
唯一的解决方法是从原始文档导航到另一个页面,例如使用
我正在尝试在我的网站中实现全屏功能,但它无法正常工作,发生的情况是当我通过菜单切换到其他页面时,它失去了全屏功能。例如,我有一个切换全屏功能的按钮,所以当我点击时,它进入全屏,但当我点击其他页面 link 时,它进入其他页面但不是全屏。但是,如果我使用像 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' 时,有什么方法可以激活按钮,因为它可以正常工作,并且在切换时它将退出全屏。
Fullscreen web API 的请求是针对活动文档中的元素提出的。
当您导航到其他页面时,发出此请求的文档已死,因此停用全屏模式是正常的。
F11全屏模式不是全屏网页API,而是浏览器的一部分UI , 就像 dev-tools 等一样。因此允许这种模式在文档中持久存在。
唯一的解决方法是从原始文档导航到另一个页面,例如使用