jQuery UI的自动完成DownArrow中文UPARROW [英] jQuery UI Autocomplete DownArrow UpArrow

问题描述

我有jQuery的自动完成一些问题和移动箭头和UPARROW？

I am having some issues with jQuery Autocomplete and moving DownArrow and UpArrow ?

这个问题似乎是：

＆LT;输入ID =自动完成输入VALUE =＆GT;

focus: function (event, ui) {
       $('#autocomplete-input').val(ui.item.label);
 }

这伟大工程鼠标焦点 - 但是当我使用 arrowUp 和 arrowDown - 它选择了 ui.item.id 之上的 ui.item.label

This works great for MOUSE focus - but when I use arrowUp and arrowDown - it selects the ui.item.id over and above the ui.item.label

我怎样才能解决这个问题，这样可以：

How can I fix this so that either:

1. 在输入 VAL完全不[即改它使用户
   输入的词]


2. 它更新输入 VAL与关注 VAL用户与KEYDOWN / KEYUP

1. the input val isn't changed at all [i.e. it keeps the users inputted term]
2. it updates the input val with the focused val the user is on with keydown/keyup

感谢

推荐答案

请务必prevent的焦点的默认行为事件：

Make sure to prevent the default behavior of the focus event:

focus: function (event, ui) {
       this.value = ui.item.label;
       event.preventDefault(); // Prevent the default focus behavior.
}

这篇关于jQuery UI的自动完成DownArrow中文UPARROW的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！