jquery - 按 Enter 键提交文本区域的值

Question

现在我在 jquery 中有这样的流程:

$('input#search').click(function(){
        $('textarea#people').fadeIn();
        $('input#searchpeople').fadeIn();
        $('input#add').hide();
        $('input#search').hide();
    });

$("#searchpeople").click(function(){
    var people=$("textarea#people").val();
    $.post("searchpeople.php",{people:people},function(result){
     $("div.callback").html(result);
    });
  });

我的简单问题是，当用户按下回车键时，该按钮会自动单击，而不是让用户必须单击搜索按钮。

Answer 1

您必须执行以下操作...

1. 按下文本框时，检查“Enter Key”(输入键代码为 13)
2. 如果是，则调用按钮点击函数

Demo can be found here

    $('input#search').click(function(){
            $('textarea#people').fadeIn();
            $('input#searchpeople').fadeIn();
            $('input#add').hide();
            $('input#search').hide();
        });
    $('input#search').keypress(function(){
       if($(this).keyCode == 13)
       {
           Search();
       }     
    });

    $("#searchpeople").click(Search);


    function Search()
    {
        var people=$("textarea#people").val();
        $.post("searchpeople.php",{people:people},function(result){
         $("div.callback").html(result);
        }