Breaking News: Grepper is joining You.com. Read the official announcement!

event exit fullscreen

Foolish Fowl answered on September 30, 2020 Popularity 9/10 Helpfulness 10/10

answer event exit fullscreen

related JS exit fullscreen

event exit fullscreen

Comment

document.getElementById('fullscreen-div').addEventListener('fullscreenchange', (event) => {
  // document.fullscreenElement will point to the element that
  // is in fullscreen mode if there is one. If not, the value
  // of the property is null.
  if (document.fullscreenElement) {
    console.log(`Element: ${document.fullscreenElement.id} entered fullscreen mode.`);
  } else {
    console.log('Leaving full-screen mode.');
  }
});

document.getElementById('toggle-fullscreen').addEventListener('click', (event) => {
  if (document.fullscreenElement) {
    // exitFullscreen is only available on the Document object.
    document.exitFullscreen();
  } else {
    document.getElementById('fullscreen-div').requestFullscreen();
  }
});

Popularity 9/10 Helpfulness 10/10 Language javascript

Source: developer.mozilla.org

Tags: exit fullscreen javascript

Link to this answer
Share Copy Link

Contributed on Sep 30 2020

Foolish Fowl

0 Answers Avg Quality 2/10

Closely Related Answers

JS exit fullscreen

Comment

document.exitFullscreen();

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: exit

Link to this answer
Share Copy Link

Contributed on Apr 23 2022

Tiago R.

0 Answers Avg Quality 2/10

event exit fullscreen

Contents

More Related Answers

event exit fullscreen

Closely Related Answers

JS exit fullscreen

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.