jQuery UI 自动完成自动对焦选项

在本文中，我们将介绍 JqueryUI 中的 Autocomplete autoFocus 选项。 jQuery UI Autocomplete autoFocus 选项设置为 true 时，显示菜单时将自动聚焦第一项。默认值为False

句法：

$( ".selector" ).autocomplete({autoFocus: true }),

方法：首先，添加您的项目所需的 jQuery Mobile 脚本。

示例 1：

HTML

 
 
  
 
     
     
  
     
     
  
     
     
  
     
          
     
        .height { 
            height: 10px; 
        } 
     
  
    
         $(function() {
            var list  =  [
               "One",
               "two",
               "Three",
               "Four",
            ];
            $( "#gfg" ).autocomplete({
               source: list,
               autoFocus:false
            });
         });
      
   
     
   
      
        jQuery UI| autoFocus Element
        GeeksforGeeks
        Tags: 
        
      
   

输出：

示例 2：

HTML

 
 
  
 
     
     
  
     
     
  
     
     
  
     
          
     
        .height { 
            height: 10px; 
        } 
     
  
    
         $(function() {
            var list  =  [
               "One",
               "two",
               "Three",
               "Four",
            ];
            $( "#gfg" ).autocomplete({
               source: list,
               autoFocus:true
            });
         });
      
   
     
   
      
        jQuery UI| autoFocus Element      
        GeeksforGeeks
        Tags: 
        
      
   

输出：