Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Entering and Exiting Fullscreen | Clipboard and Fullscreen Features
JavaScript Web APIs Essentials

bookEntering and Exiting Fullscreen

The Fullscreen API gives you a simple way to make any element on your page fill the entire screen. This is especially useful for images, videos, games, or any content you want users to focus on without distractions. The API works by calling methods directly on DOM elements or the document object.

You use the requestFullscreen method to make an element enter fullscreen mode. This method is available on most HTML elements. When you no longer want fullscreen mode, you call exitFullscreen on the document object to return to normal view. Browsers also provide events to let you know when fullscreen mode changes, which is helpful for updating your UI or handling user actions.

index.html

index.html

style.css

style.css

script.js

script.js

copy
question mark

Which method is used to make an element enter fullscreen mode using the Fullscreen API?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you show me an example of how to use the Fullscreen API in JavaScript?

What are some common use cases for the Fullscreen API?

Are there any browser compatibility issues I should be aware of with the Fullscreen API?

bookEntering and Exiting Fullscreen

Svep för att visa menyn

The Fullscreen API gives you a simple way to make any element on your page fill the entire screen. This is especially useful for images, videos, games, or any content you want users to focus on without distractions. The API works by calling methods directly on DOM elements or the document object.

You use the requestFullscreen method to make an element enter fullscreen mode. This method is available on most HTML elements. When you no longer want fullscreen mode, you call exitFullscreen on the document object to return to normal view. Browsers also provide events to let you know when fullscreen mode changes, which is helpful for updating your UI or handling user actions.

index.html

index.html

style.css

style.css

script.js

script.js

copy
question mark

Which method is used to make an element enter fullscreen mode using the Fullscreen API?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3
some-alt