前端之家收集整理的这篇文章主要介绍了
javascript – 如何检测iFrame何时全屏显示？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个使用iFrame嵌入在我的网站中的文档. iFrame来自Box.com文档查看器. iFrame有自己内置的全屏按钮.全屏按钮位于iFrame中,因此我无法将单击事件监听器附加到按钮.我将属性allowfullscreen添加到iFrame以允许它全屏显示.
我想做这样的事情：
$('iframe').on 'EnterFullScreen',() ->
# Run function
但是我需要听哪个事件来检测iFrame何时全屏？
这是一个jsfiddle与我嵌入的文档类型.目标是检测文档何时全屏显示.
http://jsfiddle.net/Rnvcm
最佳答案
您可以在父
页面(具有iframe的
页面)中监听全屏更改：
function changeHandler(e) {
// Mode has changed.
}
document.addEventListener("fullscreenchange",changeHandler,false);
document.addEventListener("webkitfullscreenchange",false);
document.addEventListener("mozfullscreenchange",false);
原文链接：/html/426861.html
