地圖輸入密鑰提交，而不在輸入內

Question

我有一個表格，當我按下Enter鍵時，我試圖提交多個輸入框，無論其中一個輸入當前是否突出顯示。也就是說，我希望能夠輸入文字，點擊頁面背景，按回車鍵，然後提交表格。我試圖製作一個隱藏的按鈕，但這種解決方案似乎只在光標位於其中一個輸入內時纔會提交。使用純JavaScript

Answer 1

使用onkeypress上document：

Fiddle.(demo)

JS：

var form = document.getElementById('form'); 
document.onkeypress = function(e) { 
    if(e.keyCode === 13) //if enter pressed 
    { 
     form.submit(); 
    } 

} 

下面是使用addEventListener，另一種解決方案由馬特·的建議：

var form = document.getElementById('form'); 
function submitForm(e) { 
    if(e.keyCode === 13) //if enter pressed 
    { 
     form.submit(); 
    } 

} 

document.addEventListener('keypress', function() {submitForm(event)}, false); 

作爲一個方面說明： 我將在地方純JS可以幫助您輕鬆，這就是爲什麼給你一個JavaScript解決方案使用jQuery的勸阻你。我會勸阻，因爲jQuery增加服務器上的負載很多！

正如你說的，你是新來的JavaScript執行以下步驟讓你的腳本運行每次：

1. 我的代碼添加到一個文件.js擴展
2. 您的交易</body>之前添加<script src="your_filename.js" type="text/javascript"></script>標籤。
3. 刷新你的頁面和瞧。

Answer 2

使用jQuery的幫助：

$(document).keydown(function(e) { 

    if (e.keyCode == 13) { 

     $('#your-form').submit(); 

     return false; 
    } 

});