通过 Jquery Autocomplete 中的箭头键导航下拉框时，不要更新文本区域中的值答案

【问题标题】：Do not update value in text area when navigating dropdown box through arrow keys in Jquery Autocomplete通过 Jquery Autocomplete 中的箭头键导航下拉框时，不要更新文本区域中的值
【发布时间】：2016-06-23 17:36:25
【问题描述】：

我目前正在使用 jQuery Autocomplete，正如问题所述，我不想更新我通过下拉箭头键选择的文本区域中的值。

例如。在我的文本区域中，当我输入“user1”时，建议将在下拉列表中过滤并出现结果。当我尝试在下拉列表中浏览不同的结果时，我输入的值会更新为我通过箭头键导航的值。

如您所见，首先我输入一个单词“bala”（左侧的图像），当我尝试浏览列表时，我的文本区域输入值会更新为我在下拉框中导航为“bala”的值@yahoo.com'（右侧图片）。我不希望该值得到更新。只有当我单击“Enter”键或使用鼠标选择时，它才会更新。

我只想显示结果，而不是更新我在浏览不同项目时给出的值。非常感谢您的回答。

【问题讨论】：

能否粘贴您的代码
添加一些代码或代码笔或其他东西，以便我们了解您的问题
我现在更新了我的问题。

标签： javascript jquery autocomplete

【解决方案1】：

我想这就是你要找的：-

Example Fiddle

$(function() {
   var availableTags = [
     "ActionScript",
     "AppleScript",
     "Asp",
     "BASIC",
     "C",
     "C++",
     "Clojure",
     "COBOL",
     "ColdFusion",
     "Erlang",
     "Fortran",
     "Groovy",
     "Haskell",
     "Java",
     "JavaScript",
     "Lisp",
     "Perl",
     "PHP",
     "Python",
     "Ruby",
     "Scala",
     "Scheme"
   ];

   // don't navigate away from the field on tab when selecting an item

   $("#tags").autocomplete({
     source: availableTags,
     focus: function() {
       // prevent value inserted on focus
       // **This is where you should add**
       return false;
     },
   });
 });

您可以从 Jquery 中找到示例：- jQuery Autocomplete multiple-remote

检查焦点功能。

【讨论】：

我这里有个问题。使用'return false;'在焦点禁用键盘导航。