Javascript 使按钮响应回车键

我的表单上有一个按钮，单击该按钮时，它会获取文本框的值并将该值填充到列表中。通常，当有人点击表单上的enter键时，表单将被提交，但我写了以下内容来停止这种行为：

$(document).on("keypress",
    "form",
    function(event) {
        return event.keyCode != 13;
    });

但是，现在我希望Enter键的功能用于表单上的按钮。到目前为止，我已经为其当前功能编写了以下代码（基于单击）：

$("#WL-Add-Btn").click(function () {
    var myVal = $("#WL-TxtBox").val();
    console.log(myVal);
    var uid = generateId();
    $("#Weight-Location-Count-List")
        .append("<li data-uid='" + uid + "' data-id='" +
            myVal +
            "' class='list-group-item list-group-item-default text-info mb-1' >" +
            myVal +
            " <button type='button' class='close remove-button'>&times;</button></li>");
    $("#Weigh-Location-Count-ListBox").append("<option data-uid='" +
        uid +
        "' selected='true' value='" +
        myVal +
        "'>" +
        myVal +
        "</option>");
    $("#WL-TxtBox").val("");
});

$（“#WL添加Btn”）。单击（函数（）{
var myVal=$（“#WL TxtBox”）.val（）；
console.log（myVal）；
var uid=generateId（）；
$（“#重量位置计数列表”）
.append（“
”+
米瓦尔+
“×；
”；
$（“#称重位置计数列表框”）。追加（“”+
米瓦尔+
"");
$（“#WL TxtBox”）.val（“”）；
});

如何使该按钮同时响应单击和回车键

使按钮成为一个

submit

将其与文本框一起放入

表单中

处理表单提交事件，而不是按钮单击事件

在按键处理程序中，检查事件的目标。如果你关心的是文本框，就让回车键通过

样品

<form id="frm">
    <textarea id="WL-TxtBox"></textarea>
    <button type="submit" id="WL-Add-Btn">Button</button>
</form>


$(document).on("keypress",
"form",
function(event) {
    return !$(event.target).is($("#WL-TxtBox")) && event.keyCode != 13;
});

$("#frm").submit(function (e) {
var myVal = $("#WL-TxtBox").val();
console.log(myVal);
var uid = generateId();
$("#Weight-Location-Count-List")
    .append("<li data-uid='" + uid + "' data-id='" +
        myVal +
        "' class='list-group-item list-group-item-default text-info mb-1' >" +
        myVal +
        " <button type='button' class='close remove-button'>&times;</button></li>");
$("#Weigh-Location-Count-ListBox").append("<option data-uid='" +
    uid +
    "' selected='true' value='" +
    myVal +
    "'>" +
    myVal +
    "</option>");
$("#WL-TxtBox").val("");

e.preventDefault();
});

按钮
$（文档）.on（“按键”，
“表格”，
功能（事件）{
return！$（event.target）.is（$（“#WL TxtBox”）&&event.keyCode！=13；
});
$（“#frm”）.提交（功能（e）{
var myVal=$（“#WL TxtBox”）.val（）；
console.log（myVal）；
var uid=generateId（）；
$（“#重量位置计数列表”）
.append（“
”+
米瓦尔+
“×；
”；
$（“#称重位置计数列表框”）。追加（“”+
米瓦尔+
"");
$（“#WL TxtBox”）.val（“”）；
e、 预防默认值（）；
});

使按钮成为一个

submit

将其与文本框一起放入

表单中

处理表单提交事件，而不是按钮单击事件

在按键处理程序中，检查事件的目标。如果你关心的是文本框，就让回车键通过

样品

<form id="frm">
    <textarea id="WL-TxtBox"></textarea>
    <button type="submit" id="WL-Add-Btn">Button</button>
</form>


$(document).on("keypress",
"form",
function(event) {
    return !$(event.target).is($("#WL-TxtBox")) && event.keyCode != 13;
});

$("#frm").submit(function (e) {
var myVal = $("#WL-TxtBox").val();
console.log(myVal);
var uid = generateId();
$("#Weight-Location-Count-List")
    .append("<li data-uid='" + uid + "' data-id='" +
        myVal +
        "' class='list-group-item list-group-item-default text-info mb-1' >" +
        myVal +
        " <button type='button' class='close remove-button'>&times;</button></li>");
$("#Weigh-Location-Count-ListBox").append("<option data-uid='" +
    uid +
    "' selected='true' value='" +
    myVal +
    "'>" +
    myVal +
    "</option>");
$("#WL-TxtBox").val("");

e.preventDefault();
});

按钮
$（文档）.on（“按键”，
“表格”，
功能（事件）{
return！$（event.target）.is（$（“#WL TxtBox”）&&event.keyCode！=13；
});
$（“#frm”）.提交（功能（e）{
var myVal=$（“#WL TxtBox”）.val（）；
console.log（myVal）；
var uid=generateId（）；
$（“#重量位置计数列表”）
.append（“
”+
米瓦尔+
“×；
”；
$（“#称重位置计数列表框”）。追加（“”+
米瓦尔+
"");
$（“#WL TxtBox”）.val（“”）；
e、 预防默认值（）；
});

创建一个函数，该函数将通过单击和回车键调用，假设您将其称为action（）

然后按下按钮时，执行以下操作：

if (event.keyCode === 13) {
    action()
}

并更换

$("#WL-Add-Btn").click(function () {....

与

---

创建一个将通过单击和enter键调用的函数，假设您将其称为action（）

然后按下按钮时，执行以下操作：

if (event.keyCode === 13) {
    action()
}

并更换

$("#WL-Add-Btn").click(function () {....

与

---

移动要输入的代码并单击要共享的代码，然后

keyCode

为13或单击按钮。您还可以将按钮

type

设置为

submit

，并将代码移动到表单上的

submit

事件侦听器。

type=button

将不提交表单

从移动要输入的代码并单击要共享的代码，并且

keyCode

为13或单击按钮。您还可以将按钮

type

设置为

submit

，并将代码移动到表单上的

submit

事件侦听器。

type=button

不会从