API

Want more browser support for this feature? Tell us why.

API (Element)

API API

: API API API Fscreen

API

API Document Element

Document

Document.exitFullscreen(): Promise

Element

Element.requestFullscreen(): () Promise

Document

Document.fullscreenElement / ShadowRoot.fullscreenElement: fullscreenElement DOM DOM (Element) null DOM
document.fullscreenEnabled: fullscreenEnabled "fullscreen" false

Document.fullscreen: true false

: Document ShadowRoot fullscreenElement null Element

API 2

fullscreenchange: Element
fullscreenerror: Element

"fullscreen" "self"

ESC F11

: ( Alt-Tab )

Enter

document.addEventListener(
  "keydown",
  (e) => {
    if (e.key === "Enter") {
      toggleFullScreen();
    }
  },
  false,
);

Enter

function toggleFullScreen() {
  if (!document.fullscreenElement) {
    document.documentElement.requestFullscreen();
  } else if (document.exitFullscreen) {
    document.exitFullscreen();
  }
}

document fullscreenElement ( mozFullscreenElement, msFullscreenElement, webkitFullscreenElement) null Element.requestFullscreen()

(fullscreenElement null ) document Document.exitFullscreen()


Fullscreen API # ref-for-dom-document-fullscreenelement
Fullscreen API # ref-for-dom-document-fullscreenenabled
Fullscreen API # ref-for-dom-document-exitfullscreen
Fullscreen API # ref-for-dom-element-requestfullscreen

API

Document

Element

Enter

api.Document.fullscreenElement

api.Document.fullscreenEnabled

api.Document.exitFullscreen

api.Element.requestFullscreen

MDN