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() { ... });