javascript - 如何在按下 Enter 时触发单击事件 Jquery-UI 自动完成

标签 javascript jquery jquery-ui jquery-events jquery-ui-autocomplete

我有以下 JS:

  $("#search").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/Home/GetCompanyNames",
                    dataType: "json",
                    data: "searchterm=" + request.term,
                    success: function (data) {
                        response($.map(data, function (item) {
                            return {
                                label: item.Name,
                                value: item.Name,
                                LogoUrl: item.LogoUrl,
                                InternetName :item.InternetName,
                                Name: item.Name
                            };
                        }));
                    }
                });
            },
          minLength: 1
        }).data("autocomplete")._renderItem = function (ul, item) {
            var innerHtml = '<a href=/Store/'+item.InternetName+'><div class="list_item_container" style="height: 60px;"><div class="image" style="float: left; margin-right: 35px;"><img src="' + item.LogoUrl + '"></div><div class="label">' + item.Name + '</div></div></a>';
            return $("<li></li>")
        .data("item.autocomplete", item)
        .append(innerHtml)
        .appendTo(ul);
        };

    });

渲染此内容

enter image description here

这是一个建议下拉菜单,当我在文本框中输入任何字符(例如本例中的 ib)时,它会显示,
一切工作正常,但只有一个问题,当我用鼠标单击下拉菜单的任何项目时,它会将我带到其 anchor 标记中写入的网址,我希望如果我向下滚动并在某个项目上按 Enter 键,它就会执行此操作目前,当我在下拉菜单中按 Enter 键时,它不会执行任何操作。

最佳答案

看看这个 jqFAQ.com主题,这将帮助您导航到通过单击鼠标并按 Enter 键进行选择的 url。还有一些与自动完成相关的常见问题解答。

关于javascript - 如何在按下 Enter 时触发单击事件 Jquery-UI 自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13416006/

相关文章:

javascript - JS : keyEvents won't work correctly - work with +1 key(press-down-up)

javascript - 如何检测元素是否在另一个元素之上

javascript - 显示不在输入中的输出

android - Android 2.3选择框样式与Android 4.2不同

javascript - 如何在没有ID的情况下获取div的属性

javascript - 如何使用for循环来计算数字?

php - 如何在用户登录时使用 PHP session 显示隐藏内容

javascript - 当选择器是一个类时,Jquery 事件不触发

javascript - 在 simpleweather.js 中将大写更改为小写

javascript - Mocha 和 NightmareJS-继续测试