English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
exitFullscreen()이 메서드는 현재 문서를 전체화면 모드에서 나가게 합니다.
이 메서드는 다른 브라우저에서 사용하기 위해 특정 프리픽스가 필요합니다. (아래의 브라우저 호환성을 참조하세요).
사용:requestFullscreen()요소를 전체화면 모드로 엽니다.
document.exitFullscreen()
/* 전체화면으로 표시되는 (<html>) 요소를 가져옴 */
var elem = document.documentElement;
/* 전체화면으로 보기 */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari 및 Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}
/* 전체화면 닫기 */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) { /* Chrome, Safari 및 Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
document.msExitFullscreen();
}
}테스트를 보고‹/›표에 나타난 숫자는 이 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다. 각 브라우저는 특정 제공자 프리퍼iks가 필요합니다:
| 메서드 | |||||
| exitFullscreen() | 15.0（webkit） | 9.0（moz） | 12.10（webkit） | 5.1（webkit） | 11.0（ms） |
| 반환 값: | 없음 |
|---|
صف면이 전체 화면 모드에 있을 때, CSS를 사용하여 페이지 스타일을 설정할 수 있습니다:
div:-moz-full-screen {
background-color: pink;
}
div:-webkit-full-screen {
background-color: pink;
}
div:fullscreen {
background-color: pink;
}테스트를 보고‹/›