2015-09-28 55 views
0

我需要捕捉全屏(全屏上全屏退出)的jQuery 1.5.2獲得全屏事件鉻

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

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

使用jQuery 1.5.2

任何想法?

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

+1

你有沒有想過使用普通的js? –

+0

這是一個巨大的項目,我不能做出這種改變,我只想完成它:) –

回答

3

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

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

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

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

Dude它的作品!謝謝!!!! –

+0

不客氣:-) –

+0

好的,我誤解了這個問題。 –

1

firefox docs

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

要對所有主流瀏覽器使用

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

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