Advertisement
congdantoancau

JS Fullscreen

Jan 12th, 2018
301
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.70 KB | None | 0 0
  1. <!-- TOGGLE FULLSCREEN -->
  2. <a href="https://stackoverflow.com/questions/7179535/set-window-to-fullscreen-real-fullscreen-f11-functionality-by-javascript">Soucre</a>
  3.  
  4. <input type="button" id="fullscreen" value="Fullscreen" onclick="toggleFullScreen(document.documentElement)">
  5.  
  6. <script>
  7. function toggleFullScreen(elem) {
  8.     // ## The below if statement seems to work better ## if ((document.fullScreenElement && document.fullScreenElement !== null) || (document.msfullscreenElement && document.msfullscreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) {
  9.    if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) {
  10.        if (elem.requestFullScreen) {
  11.            elem.requestFullScreen();
  12.         } else if (elem.mozRequestFullScreen) {
  13.             elem.mozRequestFullScreen();
  14.         } else if (elem.webkitRequestFullScreen) {
  15.             elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
  16.         } else if (elem.msRequestFullscreen) {
  17.             elem.msRequestFullscreen();
  18.         }
  19.     } else {
  20.         if (document.cancelFullScreen) {
  21.             document.cancelFullScreen();
  22.         } else if (document.mozCancelFullScreen) {
  23.             document.mozCancelFullScreen();
  24.         } else if (document.webkitCancelFullScreen) {
  25.             document.webkitCancelFullScreen();
  26.         } else if (document.msExitFullscreen) {
  27.             document.msExitFullscreen();
  28.         }
  29.     }
  30. }
  31. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement