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.