点击触发函数,进行判断 如果未开启就开启 如果已开启就关闭
1. <!DOCTYPE html> 2. <html lang="en"> 3. <head> 4. <meta charset="UTF-8"> 5. <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6. <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7. <title>Document</title> 8. </head> 9. <body> 10. <p onclick="fullScreen()">点击</p> 11. <script> 12. function fullScreen() { 13. // 如果未开启就开启 如果已开启就关闭 14. if (this.isScreenFull) { 15. document.exitFullscreen() // 关闭全屏 16. } else { 17. document.documentElement.requestFullscreen() //开启全屏 18. } 19. this.isScreenFull = !this.isScreenFull 20. } 21. </script> 22. </body> 23. </html>
