JS 实现全屏切换,移动端适用
直接看代码吧,简单,只是有些人不知道这个 api,我之前就不知道…
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="test()">点我切换全屏</button>
</body>
<script>
function test() {
if (document.fullscreenElement) {
document.exitFullscreen()
} else {
document.documentElement.requestFullscreen()
}
}
</script>
</html>
文档链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Document/exitFullscreen