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

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

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

2016-03-13 16:36:34 2661 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:02:52
     <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

回答

如何模拟点击网页上的一个javascript按钮?

2016-03-17 10:32:00 1625浏览量 回答数 1

1

回答

js怎么把数组存到json对象

2018-05-10 20:00:21 2344浏览量 回答数 1

1

回答

js怎么把数组转成json字符串数组对象

2018-05-10 20:00:18 1246浏览量 回答数 1

1

回答

怎么遍历一个js对象

2018-05-10 20:00:15 1206浏览量 回答数 1

1

回答

js怎么判断一个空对象

2018-05-10 20:00:14 1161浏览量 回答数 1

1

回答

js中怎么把对象添加到对象中

2018-05-10 20:00:13 4220浏览量 回答数 1

1

回答

js 对象怎么删除属性值

2018-05-10 20:00:11 2399浏览量 回答数 1

1

回答

js怎么将对象转为字符串

2018-05-10 20:00:11 1782浏览量 回答数 1

1

回答

js怎么通过类名获得对象

2018-05-10 20:00:10 1598浏览量 回答数 1

1

回答

JavaScript 怎么删除一个对象的样式中的某个属性?

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