如何检测iFrame何时全屏显示？

Question

我有一个使用iFrame嵌入在我的网站中的文档.iFrame来自Box.com文档查看器.iFrame有自己内置的全屏按钮.全屏按钮位于iFrame中,因此我无法将单击事件监听器附加到按钮.我将属性allowfullscreen添加到iFrame以允许它全屏显示.

我想做这样的事情:

$('iframe').on 'EnterFullScreen', () ->
  # Run function

但是我需要听哪个事件来检测iFrame何时全屏？

这是一个jsfiddle与我嵌入的文档类型.目标是检测文档何时全屏显示.

http://jsfiddle.net/Rnvcm

Answer 1

您可以在父页面(具有该页面的页面)中监听全屏更改iframe:

function changeHandler(e) {
   // Mode has changed.
}

document.addEventListener("fullscreenchange", changeHandler, false);
document.addEventListener("webkitfullscreenchange", changeHandler, false);
document.addEventListener("mozfullscreenchange", changeHandler, false);