문제

안녕하세요. 기존 페이지의 div 요소(ID 포함)와 해당 콘텐츠를 전체 화면으로 열고 싶은 웹 페이지가 있습니다.FF와 Chrome에서는 잘 작동하지만 IE10이나 IE11에서는 작동하지 않습니다.콘솔 로그에 오류가 없습니다.

나는 IE에서도 작동하지 않는 이 온라인 예제와 유사한 방법론을 사용했습니다. http://davidwalsh.name/demo/fullscreen.php.전체 화면을 표시하려면 IE에 활성화해야 하는 설정이 있습니까?F11은 나에게 잘 작동합니다.보안 설정이 있을 줄 알았는데?

MS 자체 문서에 정의된 코드를 사용하고 있습니다.http://msdn.microsoft.com/en-us/library/ie/dn254939(v=vs.85).aspx

function requestFullScreen(element) {
           // Supports most browsers and their versions.
       var requestMethod = element.requestFullScreen || 
                            element.webkitRequestFullScreen || 
                            element.mozRequestFullScreen || 
                            element.msRequestFullScreen;

        console.log("element.msRequestFullScreen" + element.msRequestFullScreen);

        if (requestMethod) { // Native full screen.

            requestMethod.call(element);
        } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
            var wscript = new ActiveXObject("WScript.Shell");
            if (wscript !== null) {
                wscript.SendKeys("{F11}");
            }
        }
    }

  $(".fullscreen").live('click',function(event) {


     var elem = document.getElementById("fulltextview"); // Make the fulltext    
   view elements contents go full screen.
  requestFullScreen(elem);
});

이 예에서 requestMethod 변수는 항상 정의되지 않습니다.
IE가 onclick 이벤트를 감지하지 못해 보안 문제로 인해 요청을 차단하기 때문입니까?더 많은 도움이 필요합니다.(예, 이전 버전의 jQuery 1.4.4를 사용해야 합니다.)

도움이 되었습니까?

해결책

IE10은 전체 화면을 지원하지 않습니다

IE11은 표준 버전을 지원합니다. msRequestFullscreen().참고 s 소문자입니다.

여기에 좋은 정보가 많이 있습니다: http://generatedcontent.org/post/70347573294/is-your-fullscreen-api-code-up-to-date-find-out-how-to

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top