提交值回車鍵

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. 在文本框的按鍵，檢查「確認鍵」（輸入的密鑰碼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); 
     } 

Answer 2

使用keydown事件，而不是Click事件：http://api.jquery.com/keydown/

Answer 3

，而不是處理點擊和按鍵，你可以只使用一個form和處理submit事件：

<form> 
    <textarea id="people"></textarea> 
    <input id="search" type="submit" /> 
</form> 

<script> 
    $('form').submit(function() { 
     // do stuff 
     return false; 
    }); 
</script>