js控制浏览器是否全屏

举报
清雨小竹 发表于 2022/09/25 02:32:07 2022/09/25
【摘要】 function fullScreen() { /*判断是否全屏*/ var isFullscreen = document.fullScreenElement//W3C || document.msFullscreenElement //IE ...

  
  1. function fullScreen() {
  2. /*判断是否全屏*/
  3. var isFullscreen = document.fullScreenElement//W3C
  4. || document.msFullscreenElement //IE
  5. || document.mozFullScreenElement //火狐
  6. || document.webkitFullscreenElement //谷歌
  7. || false;
  8. if (!isFullscreen) {
  9. var el = document.documentElement;
  10. if (el.requestFullscreen) {
  11. el.requestFullscreen();
  12. } else if (el.mozRequestFullScreen) {
  13. el.mozRequestFullScreen();
  14. } else if (el.webkitRequestFullscreen) {
  15. el.webkitRequestFullscreen();
  16. } else if (el.msRequestFullscreen) {
  17. el.msRequestFullscreen();
  18. }
  19. } else {
  20. if (document.exitFullscreen) {
  21. document.exitFullscreen();
  22. } else if (document.msExitFullscreen) {
  23. document.msExitFullscreen();
  24. } else if (document.mozCancelFullScreen) {
  25. document.mozCancelFullScreen();
  26. } else if (document.webkitCancelFullScreen) {
  27. document.webkitCancelFullScreen();
  28. }
  29. }
  30. }

 

文章来源: zzzili.blog.csdn.net,作者:清雨小竹,版权归原作者所有,如需转载,请联系作者。

原文链接:zzzili.blog.csdn.net/article/details/106612962

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。