我有一個包含多個提交按鈕的表單。在不使用JavaScript的情況下,如何指定當用戶按Enter鍵時提交哪個按鈕?如何設置HTML表單中的默認提交按鈕?
2
A
回答
1
總之,你需要JavaScript。每個瀏覽器都有自己的默認行爲,當您在表單元素內聚焦時按Enter鍵,並且其中沒有兩個完全相同。包含多個「提交」按鈕會在方程中引入另一層複雜性,進一步鞏固了我的斷言,即您需要編寫JavaScript來可靠地處理此行爲。它不會比任何更復雜:
document.getElementById('focusedFormElement').onkeypress = function(e)
{
if (e.keyCode == 13)
{
document.getElementById('targetSubmitButton').click();
}
}
只是要考慮,如果你還沒有。
-1
我認爲最好避免讓您的應用程序按Enter鍵,而您有多個提交按鈕。用戶使用它時可能會遇到問題。但是,我不認爲你沒有JavaScript(或jQuery)就可以做到。我建議你考慮一下你可以做些什麼來減少用戶的錯誤。
祝你好運
+0
默認按鈕是相當常見的......但有一點可能是您不必擔心它太多,因爲只有桌面用戶「受到影響」,智能手機用戶很少有手頭有Return鍵。 – 2017-08-13 02:51:06
相關問題
- 1. 默認提交按鈕樣式表單
- 2. html表單提交按鈕
- 3. HTML表單提交按鈕
- 4. HTML表單提交的默認值
- 5. 未設置表單提交按鈕
- 6. 設置沒有asp:面板的默認提交按鈕
- 7. 中心表單提交按鈕html/css
- 8. 如何設置AngularJS中單選按鈕的默認值?
- 9. 默認按鈕設置
- 10. 如何在Angular中設置默認選中單選按鈕
- 11. 如何將html按鈕設置爲ASP.Net窗體的默認值?
- 12. HTML表單 - 提交空字符串或默認文本的按鈕
- 13. 如何在提交表單時設置按鈕加載文本?
- 14. 如何重置單選按鈕?回到默認設置
- 15. 如何禁用HTML表單中的提交按鈕?
- 16. 在HTML提交按鈕表單
- 17. HTML ui/li按鈕表單提交
- 18. 如何排除提交的HTML表單單選按鈕值?
- 19. 刪除默認輸入提交按鈕
- 20. 使用jQuery切換隱藏/顯示錶單提交按鈕基於被選中的複選框 - 如何設置提交按鈕默認切換?
- 21. 如何重新設置提交按鈕?
- 22. Ghost提交按鈕仍然在HTML表單提交中
- 23. 如何使用JavaScript一鍵提交按鈕提交HTML中的兩個表單?
- 24. HTML - 表單提交按鈕確認對話框
- 25. 提交表單的提交按鈕
- 26. 如何通過按下Enter鍵(不提交按鈕)來提交HTML表單?
- 27. 在asp.net 2.0中設置默認按鈕
- 28. FireFox中的默認表單按鈕
- 29. Angular2如何設置單選按鈕與默認值檢查
- 30. HTML:摺疊按鈕充當表單的形式提交按鈕
可能重複[如何確定HTML表單上的默認提交按鈕?](http://stackoverflow.com/questions/925334/how-is-the-default-submit-button-on -html-form-determined) – archil 2011-12-17 07:51:34