的jQuery 1.5.2獲得全屏事件鉻

Question

我需要捕捉全屏（全屏上全屏退出）

的情況下，採用了最新的我能夠成功與實現這一目標：

$(document).on('mozfullscreenchange webkitfullscreenchange fullscreenchange',function(){ 
     alert("fullscreen capture"); 
    }); 

使用jQuery 1.5.2

任何想法？

據我所知，使用.live()和.delegate()，但我無法捕獲此事件。

Answer 1

使用.bind()在舊版本的jQuery中執行此操作。

$(document).bind('mozfullscreenchange webkitfullscreenchange fullscreenchange', function(){ 
    alert("fullscreen capture"); 
}); 

P.S. .live()/.delegate()用於「委託」事件。也就是說，將事件綁定到當時可能不存在的元素。在較新的jQuery的版本，你會怎麼做：

$('#parentElement').on('click', '.child', function(){}) 

Answer 2

從firefox docs：

當成功地從事全屏模式，其中包含元素的文檔收到mozfullscreenchange事件。當全屏模式退出時，文檔再次收到mozfullscreenchange事件。請注意，mozfullscreenchange事件本身不提供有關文檔是進入還是退出全屏模式的任何信息，但如果文檔的非空值爲mozFullScreenElement，則說明您處於全屏模式。

要對所有主流瀏覽器使用

var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement; 
var fullscreenEnabled = document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled; 

還要檢查這個site了很多關於全屏事件有用的提示和代碼的獲取這些信息。