javascript - 禁用自动完成上的自动选择 | jQuery用户界面

Question

如果我单击仅搜索“2018”的搜索按钮，但如果我在电脑上按输入按钮搜索“2018 歌曲”，我想搜索“2018”，如果我在电脑上按输入按钮，我该怎么做我使用 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年歌曲)如何我可以解决这个问题吗？

Answer 1

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

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

希望这会有所帮助。