当任何表单输入字段具有 keyCode==13 时执行操作（提交）答案

【问题标题】：Perform action when any form input field has keyCode==13 (submit)当任何表单输入字段具有 keyCode==13 时执行操作（提交）
【发布时间】：2023-03-16 07:25:01
【问题描述】：

我有一个这样的表单域：

<form id="address_form">
 <input type="text" name="name" id="field_name">
 <input type="text" name="name" id="field_phone">
 <input type="text" name="name" id="field_email">
</form>

现在，我正在捕捉一个“输入”动作：

$('#field_phone').keydown(function (e){
         if(e.keyCode == 13){
             alert("You pressed Enter");
         }
})

我不想为表单中的每个字段都做一个函数。有没有办法捕获#address_form中的所有字段？

【问题讨论】：

谁不给他们上课并为上课而做？

标签： jquery forms input

【解决方案1】：

是的，你可以。只需匹配 input[type=text] 并将您的事件绑定到它：

$('#address_form input[type=text]').keydown(function(e) {
  if (e.keyCode == 13) {
    alert("You pressed Enter");
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="address_form">
  <input type="text" name="name" id="field_name">
  <input type="text" name="name" id="field_phone">
  <input type="text" name="name" id="field_email">
</form>

本例将keydown事件绑定到#address_form下的所有文本框。

【讨论】：

【解决方案2】：

现在表单内的所有输入都与此事件相关

$('#address_form input').keydown(function (e){
    if(e.keyCode == 13){
        alert("You pressed Enter");
    }
})

【讨论】：

【解决方案3】：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="address_form">
  <input type="text" name="name" id="field_name" class="checkThis">
  <input type="text" name="name" id="field_phone" class="checkThis">
  <input type="text" name="name" id="field_email" class="checkThis">
</form>

<script>
$('.checkThis').keydown(function(e) {
  if (e.keyCode == 13) {
    alert("You pressed Enter");
  }
})
</script>

【讨论】：