使用热键提交 HTML 表单？答案

【问题标题】：Using a hotkey to submit an HTML form?使用热键提交 HTML 表单？
【发布时间】：2011-04-06 19:20:36
【问题描述】：

我有一个非常简单的 HTML 表单，只包含一个提交按钮和一个文本区域。有没有一种简单的方法可以使用热键来提交此表单，而不是按下按钮？

提前致谢:-)

【问题讨论】：

@Lehto — 它已经有一个功能：在文本区域插入新行。

标签： html forms submit hotkeys

【解决方案1】：

提交按钮可以有accesskeys，但也有drawbacks。用户最好只按 Tab 键聚焦提交按钮，然后按 Enter。

【讨论】：

这就是我正在寻找的，因为该网站并非针对更广泛的公众，因此浏览器在处理访问密钥方面的差异是没有问题的 :-)
@MojtabaRezaeian — 测试时在 Firefox 64.0 中工作。

【解决方案2】：

如果您使用 JS 库（JQUERY 或 MOOTOOLS），您可以使用“keyDown”、“keyPress”事件。您可以编写自己的 Ctrl+S 来提交。

在 JQuery 上看到这个http://api.jquery.com/keypress/

在 Mootools 上看到这个http://mootorial.com/wiki/mootorial/03-native/05-event

【讨论】：

Ctrl+S（至少在 Firefox for Windows 中）通常表示“保存此页面”。违背用户期望通常不是一个好主意。

【解决方案3】：

这里是向按钮添加按键监听器的 jQuery 方法（通过指定 ID）...您也可以在页面上通过将“YourID”更改为“document”（不带引号，因为 document 是page 元素。我知道 keypress 已被提及，认为其他人在这里拥有代码会更容易，而不必移动到其他地方。

$("#YourID").keypress(function (e) {
   var code = (e.keyCode ? e.keyCode : e.which); // grabs keycode pressed
   if (code == 13) {  // Code 13 is enter
        searchUPC();
   }
});

【讨论】：