我想让页面自动全屏显示,而不需要单击任何内容。我尝试过改变这一点
<body onclick="toggleFullScreen()">
进入<body onload="toggleFullScreen()">
。但什么也没发生;它不起作用。 :(
这是 JavaScript..
function errorHandler() {
alert('mozfullscreenerror');
}
document.documentElement.addEventListener('mozfullscreenerror', errorHandler, false);
// toggle full screen
function toggleFullScreen() {
if (!document.fullscreenElement && // alternative standard method
!document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods
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();
}
}
}
最佳答案
如果没有任何浏览器中的用户手势,您无法执行任何RequestFullScreen。
顺便说一句,你的全屏功能可以是这样的:
function fullScreen() {
var el = document.documentElement;
var rfs = el.requestFullScreen
|| el.webkitRequestFullScreen
|| el.mozRequestFullScreen;
rfs.call(el);
}
关于javascript - 如何将onclick改为onload?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28981080/