jQuery UI自动完成：禁用选项卡完成？

Question

reference

我怎么能禁止使用标签键选择当前/高亮显示的项目？我只想要输入来填充它。

Answer 1

将取消在keypress事件Ryan's example并没有为我工作，但我们可以把它放在select选项自动完成的：

select: function(e, ui) { 
    if(e.keyCode === 9) return false; 
    // other code... 
} 

Answer 2

制表符不是真的选择当前项目，而是将光标移动到下一个可用制表符的项目。所以，你需要做的是自动完成禁用标签：

Lock tab key with javascript?

像这样的东西为我工作，你可能需要修改它多一些。

http://jsfiddle.net/Uubn6/

基本上，你之前将它传递给自动完成的keydown的处理程序捕获keydown事件。当你捕捉它时，你可以做任何你想做的事（通过或不通过）。

Answer 3

在jquery-ui中使用.autocomplete（）修饰符时，它会将输入文本框的按键处理程序设置为如下所示。该self.menu.select文本框设置为当前突出显示的值在自动完成列表

.bind("keydown.autocomplete", function(event) { 
... 
switch(event.keyCode) { 
... 
case keyCode.TAB: 
    if (!self.menu.active) { 
     return; 
    } 
    self.menu.select(event); 
    break; 
... 
    } 
} 

所以，你需要做的是保证这个处理程序不会被调用的。如果按键是TAB，我可以通过向按键添加处理程序来完成此操作。

$("#tags").autocomplete({ 
     source: availableTags 
    }); 
$("#tags").keypress(function(e){ 
    if(e.keyCode == keyCode.TAB) { 
     e.stopImmediatePropagation(); 
    } 
}); 

You can see the result here.