Jquery ui 标签自动对焦功能

Jquery ui 标签自动对焦功能,jquery-ui,list,menu,autofocus,Jquery Ui,List,Menu,Autofocus,在plugin-tag-from(demo-)中,如何在jquery-tag-it.js中添加自动聚焦(即如果设置为true,则在显示菜单时第一项将自动聚焦)功能 编辑:该功能还应允许在点击“回车键”时输入建议或使其出现在输入框中。以下是一个示例: 我希望这就是你所期待的 $(document).ready(function(){ var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C"

在plugin-tag-from(demo-)中,如何在jquery-tag-it.js中添加自动聚焦(即如果设置为true,则在显示菜单时第一项将自动聚焦)功能

编辑:该功能还应允许在点击“回车键”时输入建议或使其出现在输入框中。

以下是一个示例:

我希望这就是你所期待的

$(document).ready(function(){

var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
];

$("#tags").tagit({
    availableTags : availableTags,
    showAutocompleteOnFocus : true,
    autocomplete: {delay: 0, minLength: 0, autoFocus: true},
});
});

通过在tag-it.js文件中执行以下操作,我能够解决输入自动聚焦建议的问题:

定义了一个变量,用于在
var=this之后的第113行接收聚焦建议的值

var that = this;
var focuse;
在第279行和function-
this.tagInput.keydown(function(event){})
上或之后,必须添加以下内容:

.on( "autocompletefocus", function( event, ui ) {

focuse = ui.item.value;

})
最后,在函数
this.tagInput.keydown(函数(事件){})
中,替换
that.createTag(that.\u cleanedInput())带有:

if (focuse !== '' && event.which === $.ui.keyCode.ENTER)
{
that.createTag(focuse);
focuse = '';
}
else
{
that.createTag(that._cleanedInput());
}
要启用自动对焦,请在调用tagit插件的文件中添加自动完成(
autocomplete:{autofocus:true}
)选项,如下所示:

$("#tags").tagit({
availableTags : availableTags,
autocomplete: {autoFocus: true}
});

您的意思是使用“单个输入字段”示例显示并选择第一个可用建议吗?是的,我的意思是应突出显示第一个可用建议。