禁用自动完成上的自动选择 | jQuery 用户界面答案

【问题标题】：Disable autoselect on Autocomplete | jQuery UI禁用自动完成上的自动选择 | jQuery 用户界面
【发布时间】：2019-07-02 04:39:24
【问题描述】：

如果我单击仅搜索“2018”的搜索按钮，但如果我在搜索“2018 歌曲”的 PC 上按 Enter 按钮，我想搜索“2018”，如果我在 PC 上按 Enter 按钮，我该怎么做使用Autocomplete | jQuery UI修复它

    var suggestCallBack;

document.addEventListener('DOMContentLoaded', function() {
$("#searchbox").autocomplete({
    source: function(request, response) {
        $.getJSON("http://suggestqueries.google.com/complete/search?callback=?",
            {
              "hl":"en", 
              "ds":"yt",
              "jsonp":"suggestCallBack",
              "q":request.term, 
              "client":"youtube" 
            }
        );
        suggestCallBack = function (data) {
            var suggestions = [];
            $.each(data[1], function(key, val) {
                suggestions.push({"value":val[0]});
            });
            suggestions.length = 10;
            response(suggestions);
        };
    },
    autoFocus: true,
    select: function(event, ui) {
                $(event.target).val(ui.item.value);
                $('#searchform').submit();
                return false;
            }
    });
});

在这种情况下，我想搜索（2018 年）而不是（2018 年歌曲）所以我之前说过如果我点击搜索按钮没问题我搜索（2018 年）但是如果我按下输入按钮搜索（2018 年歌曲）如何我可以解决这个问题吗？

【问题讨论】：

标签： javascript jquery search autocomplete jquery-ui-autocomplete

【解决方案1】：

看起来问题出在自动完成设置中的autoFocus: true。

看着这个docs，他们说键ENTER：“选择当前聚焦的项目并关闭菜单”。

我希望这会有所帮助。

【讨论】：