按回车后如何清除输入字段？ [复制]

【问题标题】：How do I clear the input field after I press enter? [duplicate]按回车后如何清除输入字段？ [复制]
【发布时间】：2021-08-26 21:23:15
【问题描述】：

我有这部分代码用于待办事项列表，当我按 Enter 时，我想清除输入字段中的文本。知道怎么做吗？

document.addEventListener("keyup", function (event) {
    if (event.key === 'Enter') {
        var inputText = document.getElementById("the-input").value;
        var node = document.createElement("li");
        var textnode = document.createTextNode(`•${inputText}`);
        node.appendChild(textnode);
        document.getElementById("list").appendChild(node);
    }
});

【问题讨论】：

标签： javascript input-field

【解决方案1】：

在您的keup 事件监听器中将其value 属性设置为""：

document.addEventListener("keyup", function(event) {
  if (event.key === 'Enter') {
    var input = document.getElementById("the-input")
    var inputText = input.value;
    input.value = "";
    var node = document.createElement("li");
    var textnode = document.createTextNode(`•${inputText}`);
    node.appendChild(textnode);
    document.getElementById("list").appendChild(node);
  }
});

<input id="the-input">

<ul id="list"></ul>

【讨论】：