使用回車鍵提交表單與android/phonegap的數字小鍵盤

Question

在我的android/phonegap應用程序的軟「NUMERIC」鍵盤有問題。

我的目標是：在html5頁面上創建一個簡單的表單（我將使用phonegap），用戶使用0-9個字符輸入一個數字。爲此，我使用了type = number的輸入字段，這會在我的android手機上生成正確的軟鍵盤。

不幸的是，我感到很大的挫折感，試圖檢測數字鍵盤上的輸入鍵是否被按下。通常當按下時，鍵盤就會消失，而不是提交表單。但是，如果我將輸入的類型更改爲「文本」，則回車鍵按預期工作並提交表單。

如何使用數字鍵盤重現表單提交？

更多信息參見： http://jsfiddle.net/Ua9yw/13/

工作ENTER的提交行爲：

<form> <input type="text"/> </form> 

<form id="form1"> 
    <input type="text"/> 
    <input type="submit"/> 
</form> 

不工作ENTER按鈕行爲：

<form> <input type="number"/> </form> 
<form id="form1"> 
    <input type="number"/> 
    <input type="submit"/> 
</form> 

Answer 1

您可以通過使用檢測next鍵盤壓力機以下在JQuery中進行綁定：

$('input').on('keydown', function(e){ 
    if(e.which === 9) { 
     //your code here 
    } 
}); 

的next按鈕模擬鍵盤，這是關鍵的代碼9.不幸的是，keypress和keyup事件沒有檢測到下一個關鍵事件，所以你需要綁定它​​在tab按鍵事件。