html5全屏

最新推荐文章于 2021-09-07 21:04:16 发布

「已注销」

最新推荐文章于 2021-09-07 21:04:16 发布

阅读量548

点赞数

CC 4.0 BY-SA版权

分类专栏： j2ee 应用

本文链接：https://blog.csdn.net/jiahaiyong123456/article/details/78263446

j2ee 应用专栏收录该内容

3 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>h5全屏，退出全屏</title>

<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<script>
//进入全屏
function requestFullScreen(element) {
var de = document.querySelector(element) || document.documentElement;
if (de.requestFullscreen) {
de.requestFullscreen();
} else if (de.mozRequestFullScreen) {
de.mozRequestFullScreen();
} else if (de.webkitRequestFullScreen) {
de.webkitRequestFullScreen();
}
}
//退出全屏
function exitFullscreen(element) {
var de = document.querySelector(element) || document.documentElement;
if (de.exitFullscreen) {
de.exitFullscreen();
} else if (de.mozCancelFullScreen) {
de.mozCancelFullScreen();
} else if (de.webkitCancelFullScreen) {
de.webkitCancelFullScreen();
}
}
</script>
</head>

<body>
<input type="button" value="全屏" onclick="requestFullScreen()"/>
<input type="button" value="退出全屏" onclick="exitFullscreen()"/>
</body>
</html>