jQuery UI自动完成向下箭头向上箭头
我在jQuery自动完成和向下和向上移动时遇到了一些问题 问题似乎是jQuery UI自动完成向下箭头向上箭头,jquery,jquery-ui,autocomplete,jquery-ui-autocomplete,arrow-keys,Jquery,Jquery Ui,Autocomplete,Jquery Ui Autocomplete,Arrow Keys,我在jQuery自动完成和向下和向上移动时遇到了一些问题 问题似乎是 这对于鼠标焦点非常有效-但是当我使用arrowUp和arrowDown时,它会在ui.item.label的上方选择ui.item.id 如何解决此问题,以便: inputval一点也不改变[即,它保留了用户 输入的术语] 它使用用户使用键盘向下/向上键打开的焦点val更新输入val 谢谢请确保防止焦点事件的默认行为: focus: function (event, ui) { this.value = ui.ite
这对于鼠标焦点非常有效-但是当我使用arrowUp
和arrowDown
时,它会在ui.item.label的上方选择ui.item.id
如何解决此问题,以便:
input
val一点也不改变[即,它保留了用户
输入的术语]
它使用用户使用键盘向下/向上键打开的焦点
val更新输入
val
谢谢请确保防止焦点事件的默认行为:
focus: function (event, ui) {
this.value = ui.item.label;
// or $('#autocomplete-input').val(ui.item.label);
// Prevent the default focus behavior.
event.preventDefault();
// or return false;
}
啊哈!非常感谢@andrew-我完全忘了尝试:)这是可行的,但当键(向上/向下)位于所选项目时,文本框显示的是值而不是标签,但按enter键后,再次显示值
focus: function (event, ui) {
this.value = ui.item.label;
// or $('#autocomplete-input').val(ui.item.label);
// Prevent the default focus behavior.
event.preventDefault();
// or return false;
}