Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery UI自动完成向下箭头向上箭头_Jquery_Jquery Ui_Autocomplete_Jquery Ui Autocomplete_Arrow Keys - Fatal编程技术网

jQuery UI自动完成向下箭头向上箭头

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

我在jQuery自动完成和向下和向上移动时遇到了一些问题

问题似乎是

这对于鼠标焦点非常有效-但是当我使用
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;
    }