gpt4 book ai didi

javascript - 如何检测 iFrame 何时进入全屏?

转载 作者:太空狗 更新时间:2023-10-29 15:30:12 26 4
gpt4 key购买 nike

我有一个使用 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", changeHandler, false);
document.addEventListener("mozfullscreenchange", changeHandler, false);

关于javascript - 如何检测 iFrame 何时进入全屏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24389115/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com