响应在浏览器中使用Javascript切换到全屏模式(AKA“影院模式”)

时间:2010-12-15 07:44:32

标签: javascript resize document fullscreen detect

在大多数浏览F11的浏览器上,浏览器都会切换到没有工具栏和菜单的模式。当用户进入该模式时,我想调整我的页面布局(具体来说 - 应该覆盖整个客户区域的DIV - 如果用户F11s - 则添加到底部的额外空间被大的发现格)。

我尝试使用onkeydown事件并响应F11键码(122) - 但它在模式切换之前触发(按下键之后) - 其中documentElement的clientHeight仍然像以前一样。

我也尝试过响应document.onresize和document.documentElement.onresize这两个在转到F11时都没有触发。

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

window.onresize似乎适用于FF3和IE8 ......

答案 1 :(得分:0)

Chrome 15,Firefox 10和Safari 5.1现在提供API,以编程方式触发全屏模式。以这种方式触发的全屏模式提供检测全屏变化的事件和用于样式化全屏元素的CSS伪类。请注意,当用户点击F11时,这些事件/伪类似乎不适用。

有关详细信息,请参阅this hacks.mozilla.org blog post