使用 JavaScript 的全屏 API

该窗口通过使用 Web API 支持全屏界面。我们可以激活或停用屏幕的全屏模式。 fullscreen API 提供了以全屏模式呈现特定元素的方法。

方法：

• onclick事件会触发 activate() 用于激活全屏的方法。
• 这同样适用于退出全屏。

      Go To Full Screen


      Leave Full Screen

示例：以下代码使用 requestFullscreen()方法。使用 exitFullscreen()退出全屏也是如此 方法。

HTML

  

    
    
    

  

    GeeksForGeeks
  
    Window fullscreen property
  
    
        Go To Full Screen
    
  
    Leave FullScreen
  
    
  
        // Function for full screen activation
        function activate(ele) {
            if (ele.requestFullscreen) {
                ele.requestFullscreen();
            }
        }
  
        // Function for full screen activation
        function deactivate() {
            if (document.exitFullscreen) {
                document.exitFullscreen();
            }
        }
    

  

输出：

激活或停用全屏

应用：

• 您可以将其应用于网站中的任何元素

• 这将有助于执行全屏。