無論如何全屏退出，切換全屏按鈕？

Question

我正在使用this jQuery全屏插件，我想這樣做，以便「全屏」/「退出全屏」按鈕可以正確切換，無論按鈕是用於退出全屏還是用戶點擊Esc或使用瀏覽器退出全屏按鈕。

如果按鈕是專門使用的，當前按鈕將正確切換。這可以看出here（按鈕位於右上角）。但是，如果輸入全屏模式，然後用除按鈕之外的其他方法退出，則當前不會切換回輸入全屏按鈕。

這裏是jQuery的我到目前爲止設立的按鈕和切換它們：

$('#expand').toggle(
    $(document).fullScreen() != null 
); 

$('#expand').click(function() { 
    $(document).toggleFullScreen(); 
    $(this).toggle(); 
    $('#contract').toggle(); 
}); 

$('#contract').click(function() { 
    $(document).toggleFullScreen(); 
    $(this).toggle(); 
    $('#expand').toggle(); 
}); 

下面是他們的標記：

<img src="images/expand.png" id="expand" class="screen_control fadein button" alt="Fullscreen"> 
<img src="images/contract.png" id="contract" class="screen_control fadein button" alt="Exit Fullscreen"> 

我怎麼能全屏狀態下檢測出如此無論用戶如何退出全屏模式，都會顯示正確的按鈕？

謝謝！

Answer 1

我見過更詳細你的網站，你應該使用這個代碼：

$(document).on("fullscreenchange", function() { 
    $('#expand,#contract').toggle(); 
} 

你可以使用一個變量的更高級用法：

var isFullscreen; 
$(document).on("fullscreenchange", function() { 
    isFullscreen = !!$(document).fullScreen(); 
}