2014-08-27 100 views
3

我已經在我的桌面webapp上實現了全屏模式,按下ESC按鈕實際上會退出全屏模式並更新我的應用程序的佈局,因爲它會調用我的功能,但是當您點擊「Press ESC退出全屏模式「,它將退出全屏模式,但不會更新我的佈局,因爲會發生直接調用瀏覽器的API。我想弄清楚如何點擊「按ESC退出全屏模式」來調用我的功能,而不是瀏覽器的API。謝謝。按ESC退出全屏模式信息

+3

歡迎是全屏API,享受您的逗留地獄。 – SeinopSys 2014-08-27 14:31:35

回答

0

我有同樣的問題,這個代碼我已經解決

$(document).on("webkitfullscreenchange mozfullscreenchange fullscreenchange", function() { 
    if (!(document.mozFullScreen || document.webkitIsFullScreen || document.fullscreenchange)) { 
     exit_fullscreen(); 
    } 
}); 

function exit_fullscreen() { 
[...] //whatever you need to change in layout 
    if (document.exitFullscreen) { 
     document.exitFullscreen(); 
    } else if (document.webkitExitFullscreen) { 
     document.webkitExitFullscreen(); 
    } else if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); 
    } else if (document.msExitFullscreen) { 
     document.msExitFullscreen(); 
    } 
}