Question

我正在开发一个搜索组件，当您像google一样输入时会出现自动建议。当我点击自动提示时，它搜索得很好。但当我使用输入按钮而不是单击它不起作用。这是我的点击代码

function initSearchAutoClickable(resize, emchange){
    $("body").on("click", ".ui-menu-item > a", function (event) {
        $('.search .search-go').trigger('click');
    });
}

有没有人知道如何为输入按钮做同样的事情。 .search-go是搜索触发的按钮

Answer 1

使用keyup事件并按keyCode或which

检查按下的按钮

$("body").on("keyup", ".ui-menu-item > a", function (event) {
        if(event.which == 13 || event.keyCode == 13){
          $('.search .search-go').trigger('click');
        }
});

Answer 2

用以下代码编写代码：

$(document).keypress(function (event) {
 if (event.which == 13)  //Event for "Enter" key
 {
   //Write your code here.
 }
});

Answer 3

如果我理解你，你想运行相同的代码但是当你按Enter键时，对吗？

所以你需要这样做：

// Attach event Keypress to your search text box

$(someElementWhereYouPressEnter).on('keypress', onKeyPress);

// Handle keypress - check if is enter

function onKeyPress(e) {
    if ( e.which == 13 ) {

          // handle Enter press
          $('.search .search-go').trigger('click');

    }
}

希望这会对你有所帮助。

Answer 4

这里有你的例子。这必须奏效。

http://jsfiddle.net/TDf9p/

看看这个：

        $(Input).autocomplete({ 
            source: function (request, response) {
                do something
            },
            select: function (event, ui) {
               do something
            }
            , change: function (event, ui) {
                do something
            }
            , focus: function (event, ui) {
               do something
            }

尝试使用某些事件并在事件中执行您需要的操作。调试代码，看看你想做什么。

如果这看起来没有帮助： http://api.jqueryui.com/autocomplete/#event-search

如何触发点击进入按钮？

4 个答案: