轻松上手,快乐学习!

HTML DOM fullscreenElement 属性


❮ Document 对象

实例

获取当前处于全屏模式的元素:

var elem = document.fullscreenElement;

定义和用法

fullscreenElement 属性返回在全屏模式下显示的当前元素,或在非全屏模式下返回 null

注释: 此属性需要特定的前缀才能在不同的浏览器中工作(请参见下面的浏览器支持)。

提示: 使用 element.requestFullscreen() 方法以全屏模式查看元素。

提示: 使用 element.exitFullscreen() 方法取消全屏模式。


浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。 注释: 每个浏览器都需要特定的前缀(请参见括号):

属性
fullscreenElement 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

实例

为跨浏览器代码使用前缀:

if (
  document.fullscreenElement || /* 标准语法 */
  document.webkitFullscreenElement || /* Chrome, Safari 和 Opera 语法 */
  document.mozFullScreenElement ||/* Firefox 语法 */
  document.msFullscreenElement /* IE/Edge 语法 */
) {
...
}

语法

document.fullscreenElement

技术细节

返回值: 返回当前处于全屏模式的元素,如果全屏模式不可用,则返回 null

❮ Document 对象