首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在`click`和`enter`上触发事件

在`click`和`enter`上触发事件
EN

Stack Overflow用户
提问于 2012-02-05 11:19:54
回答 6查看 130.9K关注 0票数 77

我在我的网站上有一个搜索框。目前,用户必须单击框旁边的提交按钮才能通过jquery的帖子进行搜索。我想让用户也按enter键进行搜索。我该怎么做呢?

JQUERY:

$('document').ready(function(){
    $('#searchButton').click(function(){
        var search = $('#usersSearch').val();
        $.post('../searchusers.php',{search: search},function(response){
            $('#userSearchResultsTable').html(response);
        });
    });
});

HTML:

<input type='text' id='usersSearch'  /><input type='button' id='searchButton' value='search' />
EN

回答 6

Stack Overflow用户

发布于 2013-12-22 04:25:48

您可以使用.on()调用这两个事件侦听器,然后在函数中使用if

$(function(){
  $('#searchButton').on('keypress click', function(e){
    var search = $('#usersSearch').val();
    if (e.which === 13 || e.type === 'click') {
      $.post('../searchusers.php', {search: search}, function (response) {
        $('#userSearchResultsTable').html(response);
      });
    }
  });
});
票数 68
EN

Stack Overflow用户

发布于 2012-02-05 11:22:19

像这样的东西会起作用的

$('#usersSearch').keypress(function(ev){
    if (ev.which === 13)
        $('#searchButton').click();
});
票数 6
EN

Stack Overflow用户

发布于 2012-02-05 11:23:47

$('#form').keydown(function(e){
    if (e.keyCode === 13) { // If Enter key pressed
        $(this).trigger('submit');
    }
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9146651

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档