fullscreenchange 이벤트

DOM 이벤트 Event 대상

정의와 사용법

fullscreenchange 이벤트는 요소를 전체 화면 모드로 보고 있을 때 발생합니다.

주의사항:이 이벤트는 다른 브라우저에서 작동하기 위해 특정 프리픽스가 필요합니다(아래의 더 많은 예제를 참조하십시오).

안내:이를 사용하여: element.requestFullscreen() 메서드를 사용하여 전체 화면 모드로 요소를 확인합니다.

안내:이를 사용하여: element.exitFullscreen() 전체 화면 모드를 취소하는 메서드.

예제

전체 화면 모드에서 페이지를 확인할 때 일부 텍스트를 표시합니다:

document.addEventListener("fullscreenchange", function() {
  output.innerHTML = "fullscreenchange 이벤트가 발생했습니다!";
});

직접 테스트해 보세요

문법

HTML에서:

<element onfullscreenchange="myScript">

JavaScript에서:

object.onfullscreenchange = function(){myScript});

JavaScript에서 addEventListener() 메서드를 사용하여:

object.addEventListener("fullscreenchange", myScript);

직접 테스트해 보세요

주의사항:Internet Explorer 8 이상 버전에서는 지원하지 않습니다 addEventListener() 메서드.

기술 세부 사항

버블링: 지원
취소 가능: 지원하지 않음
이벤트 유형: Event
지원되는 HTML 태그: 모든 HTML 요소

브라우저 지원

표에서는 이 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다. 주의사항: 각 브라우저는 특정 프리픽스가 필요합니다(괄호를 참조하십시오):

이벤트 크롬 IE 파이어폭스 사파리 오페라
fullscreenchange 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

예제

다중 브라우저 코드 사용에 적합한 프리픽스:

/* 표준 문법 */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* 파이어폭스 */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* 크롬, 사파리, 오페라 */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

직접 테스트해 보세요

DOM 이벤트 Event 대상