jQuery输入键事件中的问题答案

【问题标题】：Problem in jquery enter key eventjQuery输入键事件中的问题
【发布时间】：2010-09-30 06:25:29
【问题描述】：

我需要你的一点帮助。

在我的情况下，我在 b.php 上有搜索文本框，用户可以在其中输入用户名并按 Enter 以获取搜索的用户详细信息。好的，到目前为止。现在我处理数据库的搜索代码已经在 c.php 中准备好了，我想通过 b.php 和 jquery 的事件来调用它。实际上，我的 a.php 是主文件，并在单击事件时通过它调用 b.php。现在 jquery 的流程将是这样的 a.php > b.php > c.php

没有搜索按钮，按回车键只会给搜索到的用户。

我在 jquery 中将我的代码写为：

$(document).ready(function(){

    $('#srchtxt').bind('click', function(){ 
    if($('#srchtxt').val() != '') {
              $('#loading').html('<img src="images/ajax-loader(1).gif">');
              $('#loading').show(); 
              $.get('/usersearch.php?tnm3='+arr3, '', function(data){
                $('#content').html(data);
                $('#loading').hide();    
        });     
            }   
   });  
   $('#srchtxt').bind('keyup', function(e){               
       if(e.keyCode==13) {
           $("#srchtxt").trigger('click');       
       }    
   });   
});

此活动无效。你能帮帮我吗？

【问题讨论】：

什么是'#srchtxt'？在simple test case 中展示了这个作品。
@Reigel 是文本框的 id。
看看我的测试用例，你的代码有效。
#srchtxt 是否响应 click 事件？

标签： php jquery search

【解决方案1】：

我认为您混合了搜索字段和搜索按钮。

正确的解决方案如下：

$('#srchtxt').keyup(function(e){               
       if(e.keyCode==13) {
           $("#search-submit").trigger('click');       
       }
});
$('#search-submit').click(function(){alert('button has been clicked')});

查看工作示例here

【讨论】：

【解决方案2】：

它不适用于 Firefox 和 IE。

对于ie我认为我们必须使用以下代码来获取事件

如果（window.event） { window.event.keyCode }

【讨论】：

然后看看这个 - simple test case - the codes
是的，伙计们，现在明白了，这是一个小错误造成的。还有一个查询，jquery 中是否有任何文本更改事件，所以当他输入文本时，他将获得与文本相关的搜索，而不是按 Enter。因为我是 jquery 的新手，所以不知道。我将非常感谢您的帮助！提前谢谢你。

【解决方案3】：

而不是.bind 尝试使用.live() http://api.jquery.com/live/

【讨论】：

【解决方案4】：

我通常使用 event.which 而不是 event.keyCode 可能兼容更多浏览器。

另外，你弄混了一些 ID...

【讨论】：