如何使用jQuery获取焦点元素？

为了聚焦于元素，jQuery 中有一个内置的选择器，用于检测当前聚焦的元素。当元素通过鼠标单击或选项卡导航按钮获得焦点时，此选择器返回所选元素。您可以轻松地将 JQuery 中的元素添加到该元素的焦点上。这里我们将使用 JQuery 内置选择器 $(“:focus”)

句法：

$(":focus")

示例 1：此示例显示如何使用 jQuery 聚焦元素。

  

    
        How to get focused element
        using jQuery?
    
      
    
    
      
    
        $(document).ready(function() {
            $("input").focus();
            $(":focus").css("background-color", "yellow");
        });
    
      
    
        .geeks {
            width: 350px;
            height: 100px;
            border: 2px solid green;
            padding-bottom: 15px;
            margin: 10px;
        }
        h1 {
            color:green;
        }
    

  

    
        
            GeeksforGeeks
            
        
    

  
                    

输出：

示例 2：

    

    
        How to get focused element
        using jQuery?
    
      
    
    
      
    
        $(document).ready(function(){
            $("input").focus();
            $(":focus").css("background-color", "red");
            $("button").focus();
            $(":focus").css("background-color", "green");
        });
    
      
    
         .geeks {
            width: 350px;
            height: 100px;
            border: 2px solid green;
            padding-bottom: 15px;
            margin: 10px;
        }
        h1 {
            color:green;
        }
    

    

    
        
            GeeksforGeeks
            
            
                
                    Click me visit ide
                
            
        
    

    

输出：