2016-11-22 5 views
0

사용자가 이탈을 누르고 크롬에서 전체 화면을 종료 할 때 요소에서 클래스를 제거하려고합니다. 내 코드 :크롬이 전체 화면 변경을 감지하지 못함

document.addEventListener('onwebkitfullscreenchange', 

    function(e) 
    { 
    console.log("sanity check") 
    if ($('#someDiv').hasClass('aClass')) 
    { 
     $('#someDiv').removeClass('aClass'); 
    } 
    } 
); 

무엇이 여기에 있습니까? 나는 "sanity check"출력도 보지 못했다. 아무 반응이 없습니다.

+2

안녕하세요, http://stackoverflow.com/questions/16755129/detect-fullscreen-mode를 확인하십시오. –

+1

addEventListener로'on' 접두어를 사용하지 마십시오. 단지'webkitfullscreenchange '. – CBroe

답변

1

그냥 F11 모드로 확인했습니다.

if(window.innerHeight == screen.height) { 
    console.log("sanity check") 
    } 

전체 화면 모드에서만 작동합니다.

내가 입력 할 때, 나는 @ dxcorzo의 코멘트를 보지 못했습니다. 미안합니다. 그것은 단지 같은 대답에 연결됩니다. @dxcorzo에 대한 크레디트가 있습니다.