JavaScript 全屏 API 插件

JavaScript Fullscreen API plugin

本文关键字:插件 API 全屏 JavaScript      更新时间:2023-09-26

我找到了一个名为screenfull的插件.js我想知道是否可以在不单击按钮的情况下自动全屏打开页面。这是使页面全屏显示的代码示例:

document.getElementById('#button').addEventListener('click', function() {
if ( screenfull ) {
    screenfull.request();
} else {
    // Ignore or do something else
}

});

使用他们的演示,您可以在窗口加载时运行请求:

例如

window.onload = function() {
    screenfull.request( $('#container')[0] );
};

[编辑]
你也可以在jQuery文档准备好的情况下运行它...

例如

$(document).ready(function() {
    screenfull.request( $('#container')[0] );
});

不,这是不可能的。出于安全考虑,requestFullScrenn()必须由直接用户操作(如单击)触发。这与弹出窗口相同。

阅读 https://wiki.mozilla.org/Security/Reviews/Firefox10/CodeEditor/FullScreenAPI,也许 https://wiki.mozilla.org/Gecko:FullScreenAPI 参考。

我使用了一个技巧...
        我听身体上的任何点击来激活。
例如:

$('body').on('click', '*', function() {
        screenfull.request();
    });
 
注意:它不跟踪已经有事件处理程序的按钮(e.t.c)...