以全屏(F11)模式运行应用程序

时间:2016-03-31 11:02:34

标签: javascript jquery sapui5

var  elem = document.documentElement;
           // var elem = document.getElementById('.body');
          //var elem = $('.sapUiBody');
            //alert(elem);
            rfs =
                elem.requestFullScreen
                || elem.webkitRequestFullScreen
                || elem.mozRequestFullScreen
                || elem.msRequestFullscreen;

                rfs.call(elem);

我想以全屏模式运行我的应用程序,所以我已将上面的代码映射到登录按钮的按下事件功能。但问题是,登录后全屏模式由于视图的变化而退出。是否可以在登录按钮操作中使用一次完整的应用程序视图,或者可以使用任何事件实现相同的视图。对于这个问题,有任何openui5方法来实现它。

3 个答案:

答案 0 :(得分:0)

您无法自动触发事件,但您可以addeventlistener btn触发事件。 检查此API here

答案 1 :(得分:0)

在SPA页面上的DOMContentLoaded处触发上述代码

document.addEventListener("DOMContentLoaded", function(e) {
  var elem = document.documentElement,
    rfs = elem.requestFullScreen || elem.webkitRequestFullScreen || elem.mozRequestFullScreen || elem.msRequestFullscreen;
  rfs.call(elem);
});

答案 2 :(得分:0)

以上代码仅适用于某些事件,例如点击/选择/键等,但有一个解决方法:

  1. 在浏览器中转到about:config
  2. 搜索full-screen-api.allow-trusted-requests-only即成为false。默认情况下是真的。
  3. 然后在代码中的任何地方使用上面的代码,它就可以正常运行。
  4. 但出于某些安全原因,不建议在config中进行这些更改。