Question

我需要捕捉全屏事件（全屏和全屏退出）

使用最新的I成功地实现了这一点：

 $(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()用于＆＃34;委托＆＃34;事件。也就是说，将事件绑定到当时可能不存在的元素。在较新的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以获取有关全屏事件的大量有用提示和代码。

jQuery 1.5.2获取全屏事件Chrome

2 个答案: