Tự động hoàn thành giao diện người dùng jQuery: Tắt hoàn thành tab?

Question

reference

Làm thế nào tôi có thể vô hiệu hóa việc sử dụng các phím Tab để chọn mục hiện tại/đánh dấu? Tôi chỉ muốn Nhập để điền vào.

Answer 1

Ryan's example đưa việc hủy bỏ trong trường hợp keypress không làm việc cho tôi, nhưng chúng ta có thể đặt nó trong select tùy chọn autocomplete:

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

Answer 2

Tab không thực sự chọn mục hiện tại, nó sẽ di chuyển con trỏ đến mục có thể tab tiếp theo. Vì vậy, những gì bạn cần làm là vô hiệu hóa tab cho autocomplete:

Lock tab key with javascript?

Something như thế này đang làm việc cho tôi, bạn có thể cần phải sửa đổi nó một số chi tiết.

http://jsfiddle.net/Uubn6/

Về cơ bản, bạn nắm bắt sự kiện KeyDown trước khi đi qua nó để xử lý tự động hoàn KeyDown. Khi bạn nắm bắt nó, bạn có thể làm bất cứ điều gì bạn muốn (vượt qua nó hay không).

Answer 3

Khi bạn sử dụng công cụ sửa đổi .autocomplete() trong jquery-ui, nó sẽ đặt trình xử lý nhấn phím cho hộp văn bản đầu vào của bạn như sau. Menu self.menu.select đặt hộp văn bản thành giá trị hiện được đánh dấu trong danh sách tự động hoàn thành

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

Vì vậy, những gì bạn cần làm là đảm bảo rằng trình xử lý này không được gọi. Tôi đã có thể làm điều này bằng cách thêm một trình xử lý để nhấn phím trả về false từ trình xử lý nếu nhấn phím là TAB.

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

You can see the result here.