javascript - 如何在 JavaScript 中触发按钮单击 Enter

Question

点击时的 addEventListener 可以正常工作，但在 event.keypress 或 event.code 上则不起作用。 我不明白为什么？ 我尝试添加带有或不带有“”的关键代码，尝试删除默认值，并指示对象长度(inputLength()> 0 && event.code“Enter”)等。仍然没有。 在现有线程中找不到解决方案((.

var button = document.getElementById("enter");
var input = document.getElementById("userinput");
var ul = document.querySelector("ul");


function inputLength() {
    return input.value.length;
}

function createListElement() {
    var li = document.createElement("li");
    li.appendChild(document.createTextNode(input.value));
    ul.appendChild(li);
    input.value = "";
}

button.addEventListener("click", function() {
    if (inputLength() > 0) {
        createListElement();
    }
})

button.addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.key === "Enter") {
        createListElement();
    }
})

Answer 1

尝试将“keyup”更改为“keypress”:

button.addEventListener("keypress", function(event) {
    event.preventDefault();
    if (event.key === "Enter") {
        createListElement();
    }
})