fullscreenerror 이벤트

정의와 사용법

fullscreenerror 이벤트는 요청되었음에도 불구하고 전체 화면 모드에서 요소를 볼 수 없을 때 발생합니다.

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

주의사항:이를 사용하여: element.requestFullscreen() 전체 화면 모드로 요소를 볼 수 있습니다.

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

예제

요소를 전체 화면 모드로 볼 수 없다면, 일부 텍스트를 표시합니다:

document.addEventListener("fullscreenerror", function() {
  alert("Fullscreen denied")
});

직접 테스트해 보세요

문법

HTML에서:

<element onfullscreenerror="myScript">

JavaScript에서:

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

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

object.addEventListener("fullscreenerror", myScript);

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

기술 세부 사항

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

브라우저 지원

표에 나타난 숫자는 이 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다. 주의사항: 각 브라우저는 특정 프리퍼스가 필요합니다(구두점 참조):

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

예제

다중 브라우저 코드 사용을 위해 사용할 수 있는 프리퍼스:

/* 표준 문법 */
document.addEventListener("fullscreenerror", function() {
  ...
});
/* 파이어폭스 */
document.addEventListener("mozfullscreenerror", function() {
  ...
});
/* 크롬, 사파리, 오퍼라 */
document.addEventListener("webkitfullscreenerror", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenerror", function() {
  ...
});