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

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

2016-03-23 11:32:09 2547 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 318浏览量 回答数 1

1

回答

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

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

1

回答

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

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

1

回答

使用api和sdk获取视频链接超时问题

2018-10-25 14:36:12 1156浏览量 回答数 1

1

回答

域名验证未通过,域名为97wo.net(该域名不存在注册商验证库中)

2018-10-10 17:50:09 629浏览量 回答数 1

1

回答

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

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

1

回答

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

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

1

回答

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

2016-03-13 16:36:34 2672浏览量 回答数 1

1

回答

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

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

0

回答

DTS的SDK不好用啊

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