Question

我正在尝试自动将浏览器设置为全屏模式。

这是我的jquery代码。

function ActivateFullScreen() {
    var docElm = document.documentElement;
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    } else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    } else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }
}

//将onlick事件绑定到我的按钮

$('#triggerFullscreen').click(function () {
    ActivateFullScreen();
});

//这些都不起作用。

$('#triggerFullscreen').click();

$('#triggerFullscreen').trigger('click');

ActivateFullScreen();

//我的按钮

<button id="triggerFullscreen" ></button>

如果我手动按下按钮，我的浏览器将设置为全屏模式。我真的不知道为什么这不起作用。

坦克和祝福

马库斯

Answer 1

是的似乎是安全约束

"To prevent embedded content from going fullscreen only embedded content specifically allowed via the allowfullscreen attribute of the HTML iframe element will be able to go fullscreen. This prevents untrusted content from going fullscreen."

全文 https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html

Answer 2

只需使用$（'＃triggerFullscreen'）。触发器（'click'，true）;

触发onclick事件无法正常工作

2 个答案: