jQuery | focusin() 与示例

focusin()是 jQuery 中的一个内置方法，用于获得对所选元素的关注。
句法：

$(selector).focusin(function);

参数：它接受一个可选参数“函数”，该参数将焦点放在所选元素上。
返回值：它返回获得焦点的选定元素。

显示 focusin() 方法工作的 jQuery 代码：
代码#1：
在下面的代码中，传递了参数函数。

   

    
    
    
    
        $(document).ready(function() {
            $("div").focusin(function() {
                $(this).css("background-color", "green");
            });
        });
    
    
        div {
            border: 2px solid black;
            width: 50%;
            padding: 20px;
        }
           
        input {
            padding: 5px;
            margin: 10px;
        }
    

   

    
    
        Enter name:
        
        
    
   

   

输出：
在输入字段内部单击之前 –

单击输入字段内部后，focusin 方法将起作用-

代码#2：
在下面的代码中，没有传递参数。

  

    
    
    
    
        $(document).ready(function() {
            $("#foc").click(function() {
                $(this).focusin().css("background-color", "lightgreen");
            });
        });
    
    
        div {
            border: 2px solid black;
            width: 50%;
            padding: 20px;
        }
          
        input {
            padding: 5px;
            margin: 10px;
        }
    

  

    
    
        Enter name:
        
        
    
  

  

输出：
在单击输入字段内部之前 –

单击输入字段内部后，focusin 方法将起作用-