JavaScript实现全屏与退出全屏功能

待我称王封你为后i 2021-08-28 20:10 643阅读 0赞

js全屏与退出全屏

  1. //全屏显式
  2. function showFull() {
  3. var full = document.getElementById("mapContainer");
  4. launchIntoFullscreen(full);
  5. }
  6. //退出全屏
  7. function delFull() {
  8. exitFullscreen();
  9. }
  10. //全屏显式
  11. function launchIntoFullscreen(element) {
  12. if (element.requestFullscreen) {
  13. element.requestFullscreen();
  14. }
  15. else if (element.mozRequestFullScreen) {
  16. element.mozRequestFullScreen();
  17. }
  18. else if (element.webkitRequestFullscreen) {
  19. element.webkitRequestFullscreen();
  20. }
  21. else if (element.msRequestFullscreen) {
  22. element.msRequestFullscreen();
  23. }
  24. }
  25. //退出全屏显式
  26. function exitFullscreen() {
  27. if (document.exitFullScreen) {
  28. document.exitFullScreen();
  29. } else if (document.mozCancelFullScreen) {
  30. document.mozCancelFullScreen();
  31. } else if (document.webkitExitFullscreen) {
  32. document.webkitExitFullscreen();
  33. } else if (document.msExitFullscreen) {
  34. document.msExitFullscreen();
  35. }
  36. }

参考:
https://www.jianshu.com/p/54729c73686a
https://www.cnblogs.com/s313139232/p/8371548.html
https://blog.csdn.net/ztsghjls/article/details/51788880

发表评论

表情:
评论列表 (有 0 条评论,643人围观)

还没有评论,来说两句吧...

相关阅读