js点击某一个链接交替执行两个函数(js实现网页全屏问题)-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

js点击某一个链接交替执行两个函数(js实现网页全屏问题)

2016-03-23 11:32:09 2502 1

想实现的需求:
1、网页上有个“全屏显示”按钮(链接),点击全屏后执行函数fullScreen(),然后“显示全屏”二字变成“退出全屏”;
2、点击“退出全屏”执行函数exitFullScreen(),然后“退出全屏”变为“全屏显示”

function fullScreen() {
var el = document.documentElement;
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || 
el.mozRequestFullScreen || el.msRequestFullScreen;
if(typeof rfs != "undefined" && rfs) {
rfs.call(el);
} else if(typeof window.ActiveXObject != "undefined") {
//for IE,这里其实就是模拟了按下键盘的F11,使浏览器全屏
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
function exitFullScreen() {
var el = document;
var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || 
el.mozCancelFullScreen || el.exitFullScreen;
if(typeof cfs != "undefined" && cfs) {
cfs.call(el);
} else if(typeof window.ActiveXObject != "undefined") {
//for IE,这里和fullScreen相同,模拟按下F11键退出全屏
var wscript = new ActiveXObject("WScript.Shell");
if(wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:10:38
     <a href="#" onclick="return ExecuteFun(this)">全屏显示</a>
    <script>
        function ExecuteFun(a) {
            var full = a.innerHTML == '全屏显示';
            full ? fullScreen() : exitFullScreen();
            a.innerHTML = full ? '退出全屏' : '全屏显示';
            return false;
        }
        function fullScreen() {
            var el = document.documentElement;
            var rfs = el.requestFullScreen || el.webkitRequestFullScreen ||
            el.mozRequestFullScreen || el.msRequestFullScreen;
            if (typeof rfs != "undefined" && rfs) {
                rfs.call(el);
            } else if (typeof window.ActiveXObject != "undefined") {
                //for IE,这里其实就是模拟了按下键盘的F11,使浏览器全屏
                var wscript = new ActiveXObject("WScript.Shell");
                if (wscript != null) {
                    wscript.SendKeys("{F11}");
                }
            }
        }
        function exitFullScreen() {
            var el = document;
            var cfs = el.cancelFullScreen || el.webkitCancelFullScreen ||
            el.mozCancelFullScreen || el.exitFullScreen;
            if (typeof cfs != "undefined" && cfs) {
                cfs.call(el);
            } else if (typeof window.ActiveXObject != "undefined") {
                //for IE,这里和fullScreen相同,模拟按下F11键退出全屏
                var wscript = new ActiveXObject("WScript.Shell");
                if (wscript != null) {
                    wscript.SendKeys("{F11}");
                }
            }
        }
    </script>
    0 0
相关问答

1

回答

网站安全监控系统对网页的木马检测采用静态匹配和什么来提高监测准确度?

2021-12-04 20:45:49 253浏览量 回答数 1

1

回答

支付宝java SDK 是不是只支持在tomcat 下使用,不能再jboss w?报错

2020-06-12 15:38:36 374浏览量 回答数 1

1

回答

javascript函数接收的某个参数有换行时,js无法执行。如何解决?

2020-01-07 13:31:02 617浏览量 回答数 1

4

回答

用递归算法实现如下题目(注:不用for,即算法中不用到for循环,提示用双重递归算法)

2018-07-22 12:05:40 1229浏览量 回答数 4

1

回答

简要介绍DES、RSA MD5 sha1 四种加密算法的优缺点,以及使用场合

2018-07-20 19:31:31 1478浏览量 回答数 1

3

回答

RSA和DES算法的优缺点、比较

2018-07-21 18:44:19 2204浏览量 回答数 3

1

回答

js的一个问题,函数循环调用

2016-07-08 10:31:34 1655浏览量 回答数 1

1

回答

项目中通用的common.css里边包含reset.css和网页头部底部这样格式对吗

2016-05-31 16:41:12 1854浏览量 回答数 1

1

回答

ios 同一个窗口点击不同按钮(选项卡)展示不同视图内容(类似安卓壁纸首页)

2016-03-17 10:30:39 1931浏览量 回答数 1

1

回答

PHP在循环中执行SQL问题

2016-03-06 10:57:37 2013浏览量 回答数 1
2709
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载