Skip to content
Related Articles

Related Articles

HTML | DOM fullscreenEnabled() Method
  • Last Updated : 24 Jul, 2019

The fullscreenEnabled() method in HTML DOM is used to check the document can be viewed in full screen mode or not. It returns a single read-only Boolean value. This method may require specific prefixes to work with different browsers.

Syntax:

document.fullscreenEnabled()

Parameters: This method does not accept any parameters.

Return Value: It returns boolean value:

  • True: If the document can be viewed in full screen mode.
  • False: If the document cannot be viewed in full screen mode.

Example 1:






<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML DOM fullscreenEnabled() method
        </title>
          
        <!-- script to check full screen enabled or not -->
        <script>
            function requestFullScreen() {
                let isFullscreenSupported =
                  
                    /* Standard syntax */
                    (document.fullscreenEnabled || 
                      
                    /* Chrome, Safari and Opera */
                    document.webkitFullscreenEnabled ||
                      
                     /* Firefox */
                    document.mozFullScreenEnabled ||
                      
                    /* IE/Edge */
                    document.msFullscreenEnabled);
      
                document.querySelector('.isSupported').innerHTML 
                        = isFullscreenSupported;
            }
        </script>
    </head>
      
    <body>
        <h1>
            GeeksforGeeks
        </h1>
          
        <h2>
            fullscreenEnabled() method
        </h2>
          
        <!-- script called here -->
        <button onclick="requestFullScreen();">
            Check fullscreen supported
        </button>
          
        <p>Fullscreen support:</p>
          
        <div class="isSupported"></div>
          
    </body>
</html>                                

Output:
Before Click on the button:
check_fullscreen
After click on the button:
check_fullscreen_output

Example 2:




<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML DOM fullscreenEnabled() method
        </title>
          
        <!-- script to enable full screen -->
        <script>
            function goFullScreen() {
                if (
                      
                    /* Standard syntax */
                    document.fullscreenEnabled || 
                      
                    /* Chrome, Safari and Opera */
                    document.webkitFullscreenEnabled || 
                      
                    /* Firefox */
                    document.mozFullScreenEnabled ||
                      
                    /* IE/Edge */
                    document.msFullscreenEnabled 
                ) {
                    elem = document.querySelector('#image');
                    elem.requestFullscreen();
                }
                else {
                    console.log('Fullscreen not enabled')
                }
            }
        </script>
    </head>
      
    <body>
        <h1>GeeksforGeeks</h1>
          
        <h2>
            HTML DOM fullscreenEnabled() method
        </h2>
          
        <img id = "image" src =
        <br>
          
        <button onclick = "goFullScreen();">
            Fullscreen
        </button>
          
    </body>
</html>                    

Output:
Before Click on the button:
go-fullscreen
After click on the button:
go-fullscreen-output

Supported Browsers: The browser supported by fullscreenEnabled() method are listed below:

  • Google Chrome 45.0 -webkit-
  • Firefox 47.0 -moz-
  • Internet Explorer 11.0 -ms-
  • Apple Safari 5.1 -webkit-
  • Opera 15.0 -webkit-

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :