전체 화면 변경 이벤트
예시
전체 화면 모드에서 페이지를 볼 때 일부 텍스트 표시:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
정의 및 사용
fullscreenchange 이벤트는 요소를 전체 화면 모드로 볼 때 발생합니다.
참고: 이 이벤트는 다른 브라우저에서 작동하려면 특정 접두사가 필요합니다(아래 브라우저 지원 참조).
팁: 요소 .requestFullscreen() 메서드를 사용하여 요소를 전체 화면 모드로 봅니다.
팁: 요소 .exitFullscreen() 메서드를 사용하여 전체 화면 모드를 취소합니다.
브라우저 지원
표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다. 참고: 각 브라우저에는 특정 접두사가 필요합니다(괄호 참조).
| Event | |||||
|---|---|---|---|---|---|
| fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
예시
브라우저 간 코드에 접두사 사용:
/* Standard syntax */
document.addEventListener("fullscreenchange",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
통사론
HTML:
<element onfullscreenchange="myScript">
자바스크립트:
object.onfullscreenchange = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("fullscreenchange", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
| 거품: | 네 |
|---|---|
| 취소 가능: | 아니 |
| 이벤트 유형: | 이벤트 |
| 지원되는 HTML 태그: | 모든 HTML 요소 |