HTML | DOM focus() 方法

DOM focus()方法用于为元素提供焦点，并在 blur() 方法的帮助下移除焦点。我们可以将焦点应用于任何元素并通过执行一些操作来启用它。例如，我们可以通过单击按钮将焦点放在某些文本上。

句法：

Object.focus()

示例 1：

 
 
     
        DOM focus() Method
              
                  input[type=text]:focus {
                   background-color: red;
                  }
                
     
      
     
         
            
            DOM focus() Method      
             
               Submit
             
              
             
               function geek() { 
               document.getElementById("gfg").focus(); 
               } 
            
   
         
     
                     

输出：
在应用焦点之前：

应用焦点后：

示例 2：

 
 
     
        DOM focus() Method 
              
                  a:focus {
                   background-color: magenta;
                 }
               
     
     
         
             
                GeeksForGeeks 
             
              
            DOM focus() Method 
              
            geeksforgeeks 
             
             
               Submit 
             
              
             
                function geeks() { 
                    document.getElementById("geek").focus();
  
                } 
             
         
     

输出：
在应用焦点之前：

应用焦点后：

支持的浏览器： DOM focus()方法支持的浏览器如下：

• 谷歌浏览器 15.0
• 浏览器 11.0
• 火狐 15.0
• 歌剧 15.0
• Safari 6.0