我已经看过很多这方面的教程,看起来很简单.我想要的只是让我的
HTML5画布元素全屏显示(如全屏全屏,占用整个显示器).
这是我的HTML：
<p><canvas id="screen" width="800" height="500"
style="background: #FFFFFF; border: 5px solid black;" role="img">
Your browser does not support the canvas element.
</canvas></p>
<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p>
这是我的Javascript(在自己的.js文件中)：
function goFullScreen(){
var canvas = document.getElementById("screen");
if(canvas.requestFullScreen)
canvas.requestFullScreen();
else if(canvas.webkitRequestFullScreen)
canvas.webkitRequestFullScreen();
else if(canvas.mozRequestFullScreen)
canvas.mozRequestFullScreen();
}
我测试了这个功能;它被调用,并且三个ifs中的一个(即,因为我使用Firefox,mozRequestFullScreen)被调用.我的浏览器会在我测试过的每个演示中打开它,但不会在我自己的代码中打开它.
解决方法
好的,我发现了问题.这不起作用：
<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p>
这个工作：
<p><button onclick="goFullScreen();">Go Fullscreen</button></p>
是的… 3个小时后.
