通过在键盘上输入提交表单

Question

目前，我的团队已为表单中的每个字段定义了此(onKeyPress="keyPress(event))。因此，如果我有20个字段，则定义20次。我想知道是否有可能在表单级而不是字段中定义它，所以我们只定义一次而不是20次？

使用PHP codeignitor。

Answer 1

为整个<form>定义事件。然后使用event.target查找特定的表单元素并对其执行某些操作。

• 生成表单元素按键事件并将其传递给<form>元素以进行处理。
• 没有处理程序直接绑定到元素，因此事件将DOM树冒泡到<form>。
• 在此测试event.target是否与所述元素匹配。
• 如果找到匹配的元素，则在其上调用<form>处理程序

Answer 2

如果你有jquery，你可以一次将它绑定到所有输入字段......

$('input').bind('keypress', function (e) { 
        if (e.keyCode == 13) {
            //do stuff
        }
});

Answer 3

让我们认为您的表格如下所示

<form id="my_form" method="post">
    [...]
</form>

然后您可以使用JS这样提交：

<script>
    $(document).on("keypress", function(e) {
        if(e.which == 13) {
           $('#my_form').submit();
        }
    });
</script>