用ENTER鍵輸入表單的正確方法

Question

我有3個HTML輸入，其中2個接收用戶輸入，一個按下名爲#calculate的按鈕時顯示計算結果。下面這段代碼將正確地執行計算後點擊#calculate按鈕，但我正在尋找最有效的方式來提交表單時，用戶輸入ENTER/RETURN鍵，除了單擊用鼠標按鈕。

   $('#calculate').click(function(){ 
       var count = 0; 
       count += checkRequired('#field_3_a'); 
       count += checkRequired('#field_3_b'); 

       if (count == 0)//enough data 
       { 
        //calculate 
        var a = parseFloat($('#field_3_a').val()); 
        var b = parseFloat($('#field_3_b').val()); 
        var totalValue = (b - a)/a * 100; 
        $('#result_3').val(totalValue); 
       } 
      }); 

您的輸入被讚賞。

Answer 1

您可以處理的文本字段的keypress事件或形式，並檢查是否按下的鍵是enter：

$('#field_3_a, #field_3_b').keypress(function(event) { 
    if (event.which === 13) { 
     event.preventDefault(); 
     //do something, like call calculate() 
    } 
});