Javascript | Window Blur() 和 Window Focus() 方法

Window.blur() 方法
blur() 方法用于从当前窗口移除焦点。即，它将新打开的窗口发送到后台。

句法：

Window.blur()

参数：不需要任何参数。

返回值：不返回任何值。

Window.focus() 方法
focus() 方法用于关注新打开的窗口。即将模糊窗口带回前景。

句法：

window.focus()

参数：不需要任何参数。

返回值：不返回任何值。

下面的示例说明了 JavaScript 中的 window.blur() 和 window.focus() 方法：

例子：

  

    
      window Blur and Focus method
    
    
        body {
            text-align: center;
        }
          
        .gfg {
            font-size: 40px;
            font-weight: bold;
            color: green;
        }
    

  

    GeeksforGeeks
    Blur and Focus
    
        var Window;
  
        // Function that open the new Window 
        function windowOpen() {
            Window = window.open(
              "https://www.geeksforgeeks.org/",
                "_blank", "width=400, height=450");
        }
  
        // function that Closes the open Window 
        function windowClose() {
            Window.close();
        }
  
        //function that blur the open Window
        function windowBlur() {
            Window.blur();
        }
  
        //function that focus on open Window
        function windowFocus() {
            Window.focus();
        }
    
    
      Open GeeksforGeeks
    
    
      Blur GeeksforGeeks
    
    
      Focus GeeksforGeeks
    
    
      Close GeeksforGeeks
     

  

输出：如果单击模糊 GeeksforGeeks按钮，则 geeksforgeeks.org 页面将移至后台，如果单击焦点 GeeksforGeeks按钮，则 geeksforgeeks.oge 窗口将移至前台。

点击模糊：

点击焦点：

支持的浏览器： Window Blur() 和 Window Focus() 方法支持的浏览器如下：

• 谷歌浏览器 1 及更高版本
• 边缘 12 及以上
• 火狐 1 及以上
• Internet Explorer 4 及更高版本
• Opera 12.1 及更高版本
• Safari 1 及以上