全屏和退出全屏

最新推荐文章于 2023-10-28 15:31:10 发布

刘先森ing

最新推荐文章于 2023-10-28 15:31:10 发布

阅读量3.9k

点赞数 1

本文链接：https://blog.csdn.net/l_wen_l/article/details/80966053

版权

<!DOCTYPE html>
<html lang="zh">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>

<body>
<button class="aa" οnclick="fullScreen()">全屏</button>
<button class="bb" οnclick="exitFullScreen()">退出全屏</button>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">

function func() {
alert("hahahahhahaha")
}
$(document).keyup(function(event) {　　　　
if(event.keyCode === 8) {　
func()
}　　
});
// 全屏
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>

</html>

作者博客地址：http://lwenl.cn
编写不易，勿喷，希望能帮助到您

刘先森ing

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
全屏和退出全屏

&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; &l
复制链接

扫一扫