JS调用命令实现F11全屏

<body onload =‘autoSetFull()‘>
  <button id=‘btn‘>全屏按钮</button>
  <div id="content" style="background:yellow;width:500px;height:500px;">sljfsdlfj
      <div id="quite" class="btn">退出全屏</div>
  </div>
<body>
<script type="text/javascript">
  function fullScreen(el) {
      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,
          wscript;
      if(typeof rfs != "undefined" && rfs) {
          rfs.call(el);
          return;
      }
      if(typeof window.ActiveXObject != "undefined") {
          wscript = new ActiveXObject("WScript.Shell");
          if(wscript) {
              wscript.SendKeys("{F11}");
          }
      }
  }
  function exitFullScreen(el) {
      var el= document,
          cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,
          wscript;  

      if (typeof cfs != "undefined" && cfs) {
        cfs.call(el);
        return;
      }  

      if (typeof window.ActiveXObject != "undefined") {
          wscript = new ActiveXObject("WScript.Shell");
          if (wscript != null) {
              wscript.SendKeys("{F11}");
          }
    }
  }
  var btn = document.getElementById(‘btn‘);
  var content = document.getElementById(‘content‘);
  btn.onclick = function(){
      fullScreen(content);
  }
  var quite = document.getElementById(‘quite‘);
  quite.onclick = function(){
      exitFullScreen();
  }
</script>

PS:这种方法只能通过用户来触发,尝试页面加载后自动执行会提示错误。

时间: 2024-10-07 01:33:13

JS调用命令实现F11全屏的相关文章

让用户端JS触发F11全屏

让用户端JS触发指的就是让用JS监听用户的操作事件,通过JS程序去实现F11全屏.这个事件可以是一个按钮的点击事件,当然也可以是键盘事件,比如用户按下F11.    1.F11键盘事件触发 当用户按下F11事件,浏览器为触发自身全屏功能,这个过程我们一般是不可控制的,即使是监听了F11的键盘事件,退出全屏的时候,我们也捕捉不到退出全屏触发的事件.所以,我们就用程序自己去实现F11的功能,首先需要禁用浏览器默认的事件动作. 1 $(document).on('keydown', function

浏览器全屏之requestFullScreen全屏与F11全屏

一.简介 浏览器全屏有两种方式,一种是HTML5新增的requestFullscreen全屏,另一种是摁F11实现的全屏,本文将详解两种全屏的特点以及其实现. 二.requestFullscreen全屏 1.判断是否支持全屏 通过判断元素的requestFullscreen函数是否存在与document.fullscreenEnabled是否为True判断浏览器是否支持全屏或启用全屏,兼容写法为 1 function supportfull(){ 2 var requestFullscreen

JS 取消iOS播放自动全屏:

iOS下浏览器模式下h5播放器强制是全屏的,除非在app下才可以非全屏播放,需要两个配置: (1)播放器添加参数: playsinline:true(我使用的是阿里云的播放器,其他的需要自己找找是那个参数) (2)webview添加参数: webview设置allowsInlineMediaPlayback属性为YES webview.allowsInlineMediaPlayback = YES;

利用zepto.js实现移动页面图片全屏滑动

HTML <%-- Created by IntelliJ IDEA. User: fanso2o Date: 2017/2/28 Time: 16:09 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html ng-app

如何设置VMware中Linux命令行环境全屏

在VMware安装Linux后默认屏幕为640×480,如需修改,则请参考以下步骤.以下以CentOS 6.6安装于VMware Workstation 9中为例说明. 1.默认640x480x16,支持绝大部分硬件. 2.登录后,输入"ls /dev"命令并按回车键查看显示结果. 3.输入"vi /etc/grub.conf"并按回车键确定. 4.查询到以"kernel"开头行. 5.按"i"键进入编辑状态,并在"

Javascript 模拟F11全屏

function fullscr() { var ffchat; ffchat = window.open("#", "hamie", "Status=no,scrollbars=no,resizable=yes"); ffchat.moveTo(0, 0); ffchat.resizeTo(screen.availWidth, screen.availHeight); ffchat.outerWidth = screen.availWidth;

浏览器全屏的JS代码实现

方法一:该方法是从一个网上的效果看到不错,然后自己就拿来下来实验了一下,还是比较满意度,下面直接给出代码 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /

用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 var docElm = document.documentElement; //W3C  if (docElm.re

[JavaScript] 用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的 效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以 让页面中的图片,视频等全屏目前只有google chrome 15 +,safri5.1+,firfox10+,IE11支持 全屏: var docElm = document.documentElement; //W3C   if (docElm.requestFullscreen) {       docElm.requestFu