Dzwebs.Net

撰写电脑技术杂文十余年

网页元素DIV全屏显示或退出全屏的代码

Admin | 2022-1-10 14:54:14 | 被阅次数 | 2633

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  通过下面的代码,可以实现网页元素进入全屏显示或退出全屏显示。

  一、进入全屏的代码

  function DivFullScreen() {
//进入全屏
var viewFullScreen = document.getElementById("试题修改面板");
if (viewFullScreen) {
//全屏
var docElm = document.getElementById("试题修改面板");
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
} else if (docElm.msRequestFullscreen) {
docElm = document.body;
docElm.msRequestFullscreen();
} else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
  }
 }
}

  二、退出全屏的代码

  var viewFullScreen = document.getElementById("试题修改面板");
  if (viewFullScreen) {
    viewFullScreen.addEventListener("dblclick", function() {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
     }, false);
  }


该杂文来自: 网页制作杂文

上一篇:jquery实现的DIV随页面滚动始终显示在原来的地方(

下一篇:jquery对span和label的赋值与取值

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计