[JS] 호 환 - JS 제어 브 라 우 저 전체 화면 조작

7060 단어 JS
브 라 우 저 전체 화면 제어
  • requestFullScreen() 전체 화면 표시 열기
  • cancelFullScreen() 전체 화면 표시 종료
  • fullScreenElement 현재 전체 화면 상태 판단
  • 함수 와 속성 은 브 라 우 저 에 따라 다른 접 두 사 를 추가 해 야 합 니 다.
    브 라 우 저
    접두사
    chrome
    webkit
    firefox
    moz
    ie
    ms
    opera
    o
    1. 풀 스크린
    선택 한 요 소 를 전체 화면 에 표시 하려 면 dom 호출 이 필요 합 니 다.
    //     
    window._RequestFullScreen = (dom) => {
        if(dom.requestFullScreen){
            dom.requestFullScreen();
        }
        else if(dom.webkitRequestFullScreen){
            dom.webkitRequestFullScreen();
        }
        else if(dom.mozRequestFullScreen){
            dom.mozRequestFullScreen();
        }
        else if(dom.msRequestFullScreen){
            dom.msRequestFullScreen();
        }
    }
    

    2. 전체 화면 종료document 을 통 해 실현
    //     
    window._cancelFullScreen = () => {
        if(document.cancelFullScreen){
            document.cancelFullScreen();
        }
        else if(document.webkitCancelFullScreen){
            document.webkitCancelFullScreen();
        }
        else if(document.mozCancelFullScreen){
            document.mozCancelFullScreen();
        }
        else if(document.msCancelFullScreen){
            document.msCancelFullScreen();
        }
    }
    

    3. 현재 전체 화면 상태 판단document 을 통 해 이 루어 집 니 다.
    //          
    window._fullScreenType = () => {
        if(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement){
            return true;
        }
        else{
            return false;            
        }
    }
    

    좋은 웹페이지 즐겨찾기