• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Element] JS - exitFullscreen() 메서드 - 전체화면모드 닫기 (IE11 이상)

exitFullscreen() 예제

 

<meta name="viewport" content="width=device-width, initial-scale=1">


<h2>홈짱닷컴</h2>

<p>Homzzang.com</p>


<button onclick="openFullScreen();">전체화면모드 열기</button>

<button onclick="closeFullScreen();">전체화면모드 닫기</button>


<script>

var docu = document.documentElement;

function openFullScreen() {

  if (docu.requestFullscreen) {

    docu.requestFullscreen();

  } else if (docu.mozRequestFullScreen) { /* Firefox */

    docu.mozRequestFullScreen();

  } else if (docu.webkitRequestFullscreen) { /* Chrome, Safari, Opera */

    docu.webkitRequestFullscreen();

  } else if (docu.msRequestFullscreen) { /* IE/Edge */

    docu.msRequestFullscreen();

  }

}


function closeFullScreen() {

  if (document.exitFullscreen) {

    document.exitFullscreen();

  } else if (document.mozCancelFullScreen) {

    document.mozCancelFullScreen();

  } else if (document.webkitExitFullscreen) {

    document.webkitExitFullscreen();

  } else if (document.msExitFullscreen) {

    document.msExitFullscreen();

  }

}

</script>

 

결과보기

 

방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
DOM_Event JS - inputType -
DOM_Event JS - isComposing -
DOM_Event JS - isTrusted -
DOM_Event JS - key 속성 -
DOM_Event JS - key 속성 -
DOM_Event JS - keyCode 속성 - 눌린 키보드키 유니코드 (= onkeypress, onkeydown, on…
DOM_Event JS - location -
DOM_Event JS - lengthComputable -
DOM_Event JS - loaded -
DOM_Event JS - metaKey -
DOM_Event JS - metaKey -
DOM_Event JS - MovementX -
DOM_Event JS - MovementY -
DOM_Event JS - newValue -
DOM_Event JS - newURL -
DOM_Event JS - offsetX 속성 - x좌표 (= 가로좌표 = 가로축좌표 = offsetX속성 = 오프셋엑스속성)
DOM_Event JS - offsetY 속성 - y좌표 (= 세로좌표 = 세로축좌표, offsetY속성, IE6)
DOM_Event JS - oldValue -
DOM_Event JS - oldURL -
DOM_Event JS - onemptied -
37/67
목록
찾아주셔서 감사합니다. Since 2012