HTML DOM fullscreenEnabled() 메서드는 현재 문서에서 전체 화면 모드를 사용할 수 있는지 여부를 지정하는 데 사용됩니다. 반환 유형은 부울이며 읽기 전용 속성입니다. 전체 화면 모드를 사용할 수 있으면 True가 반환되고 그렇지 않으면 false가 반환됩니다. 브라우저에서 작동하도록 하기 위해 다양한 접두사가 사용됩니다.
구문
다음은 fullscreenEnabled() 메서드의 구문입니다. -
document.fullscreenEnabled()
fullscreenEnabled() 메서드의 예를 살펴보겠습니다.
참고 − fullscreenEnabled() 메서드가 작동하려면 브라우저 접두사를 사용해야 합니다. 브라우저별 접두어를 사용하려면 마지막에 있는 메모를 확인하세요.
예시
예를 들어 보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>fullscreenEnabled() method</h1>
<p>Click the below button to know if this document can be viewed in full screen mode or not</p>
<button onclick="EnableFullScreen();">CHECK</button>
<p id="Sample"></p>
<script>
function EnableFullScreen() {
var FullS=(document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled) /* Chrome, Safari and Opera */
if(FullS==true)
document.getElementById("Sample").innerHTML="This document can be viewed in fullscreen mode.";
else
document.getElementById("Sample").innerHTML="This document cannot be viewed in fullscreen mode.";
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHECK 버튼을 클릭하면 -
위의 예에서 -
사용자가 클릭할 때 EnableFullScreen() 메서드를 실행할 버튼 CHECK를 먼저 만들었습니다.
<button onclick="EnableFullScreen();">CHECK</button>
EnableFullScreen() 함수는 document.FullScreenEnabled 속성 값을 가져와 변수 FullS에 할당합니다. 반환 값은 true 또는 false일 수 있습니다. 그런 다음 innerHTML 속성을 사용하여 ID가 "Sample"인 단락에 표시됩니다.
function EnableFullScreen() {
var FullS=(document.fullscreenEnabled || /* Standard syntax */
document.webkitFullscreenEnabled) /* Chrome, Safari and Opera */
if(FullS==true)
document.getElementById("Sample").innerHTML="This document can be viewed in fullscreen mode.";
else
document.getElementById("Sample").innerHTML="This document cannot be viewed in fullscreen mode.";
} 참고 − fullscreenEnabled() 표준 구문과 Chrome, Safari 및 Opera 브라우저를 지정했습니다. 다른 브라우저를 사용하는 경우 아래 접두사를 사용하십시오.
- 파이어폭스:document.mozFullScreenEnabled
- IE/Edge:document.msFullscreenEnabled