0

在 stackoverflow 上也检查了很多信息,比如这里How do I call a JavaScript function on page load?

但我仍然在加载时遇到问题。我有这个:

http://jsbin.com/agopuv/2/

代码在这里:http: //jsbin.com/agopuv/2/edit

编辑:添加HTML+JS代码这是js代码:

function toggleFullScreen() {
    if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
       (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    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();  
    }  
  }  
} 

$(document).on('pageinit', function () {
    setTimeout(toggleFullScreen,1000);
});

Html代码:

<input type="button" id="button" value="click to toggle" onclick="toggleFullScreen()">

它实际上只在按下按钮时才起作用,但我没有以任何方式成功地在页面加载时触发该功能。

对此有何建议?谢谢。

4

1 回答 1

2

浏览器的安全策略不允许在用户操作之外请求全屏

阅读Mozilla UA 政策

该规范有意为 UA 提供了极大的策略自由度,因为没有一种策略可以适合所有用户、设备和用户界面设计。但是,这是传统桌面浏览器应该可以接受的策略。

  • requestFullScreen 当窗口已经处于全屏状态时被批准。
  • 否则,用户操作(例如,非综合输入事件处理程序)之外的 requestFullScreen 将被拒绝。
  • 否则,不带 ALLOW_KEYBOARD_INPUT 标志的 requestFullScreen 将被批准。
  • 否则,如果用户批准,则会显示被动确认 UI,并且 requestFullScreen 会被批准。

也看到一个类似的问题

于 2013-05-20T07:16:11.780 回答