我输入的输入值未显示在 JavaScript 中答案

【问题标题】：The input value I enter does not show up in JavaScript我输入的输入值未显示在 JavaScript 中
【发布时间】：2021-03-23 20:43:38
【问题描述】：

我正在为大学比赛编写基于文本的游戏，并且对 JS 和 HTML DOM 非常陌生。我已经成功创建了一个输入，并正在尝试对其进行测试。但是，当我输入输入并按 Enter 时，控制台上没有记录任何内容...

function new_input(){
    let input = document.createElement("INPUT");
    input.setAttribute("type", "text");
    input.setAttribute("id", "input");
    document.body.appendChild(input);
    let x = $("input").val();
    console.log(x);

【问题讨论】：

您需要一个 onChange 事件来查看输入值在您键入时如何变化，或者需要一个 onClick 事件来查看输入上的“提交”按钮，以便在单击按钮后查看您的最终输入。
您需要一种方法来检测输入内容何时被输入。也许输入元素上的onChange 属性？像这样：<input onChange="new-input()">
这能回答你的问题吗？ Input not triggering change event
将最后两行改为$("#input").change(function(){ console.log($(this).val()) })

标签： javascript html jquery dom

【解决方案1】：

您确实需要借助回调来处理点击。

如果想这样做，请使用以下代码而不是最后两行

input.onkeypress = (e) => {
    if(e.keyCode === 13) {
        console.log(input.value);
    }
}

【讨论】：