Question

我尝试通过点击按钮使用javascript触发全屏。

<button id="fullscreen" onClick="fullscreen()">fullscreen</button>
<script>
    function fullscreen(){
        var element = document.documentElement;
        if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if (element.webkitRequestFullScreen) {
            element.webkitRequestFullScreen();
        }
    }
</script>

它有效。

但我想通过添加

自动触发它

$(document).ready(function() {
    $("#fullscreen").click();
});

然后它不起作用。有人可以帮忙吗？

Answer 1

即使您将$()更改为正确的语法：

$(function() {
    $("#fullscreen").click();
});

这仍然行不通。实际上没有办法让这项工作成功，因为requestFullScreen必须由用户操作启动^{[note 1]}。

^{[note 1]}虽然未在the specification中指定，但由于安全原因，大多数浏览器会阻止requestFullScreen自动触发。

Answer 2

您可以使用setTimeout：

setTimeout(fullscreen,5000);

Answer 3

为什么不

$(function(){
   fullscreen();
})

javascript触发全屏

3 个答案: