javascript - 如何在 <input> 字段中按 Enter 键时执行功能？

Question

我有一个输入，我只想添加一个事件监听器，以便在输入聚焦时按 Enter 键时激活一个功能。如何用纯 JS 做到这一点？

现在我有:

HTML:

Enter your wage:<input type="text" id="wage" value ="" size=20>
<button id="sub">Submit</button>

JavaScript:

var wage = document.getElementById("wage");
wage.addEventListener("change", validate);

var btn = document.getElementById("sub");
btn.addEventListener("click", validate);

所以基本上，当我单击或更改文本时，函数 validate() 就会激活，但我想通过按 Enter 来调用它。

Answer 1

你可以使用这个:

var wage = document.getElementById("wage");
wage.addEventListener("keydown", function (e) {
    if (e.code === "Enter") {  //checks whether the pressed key is "Enter"
        validate(e);
    }
});

function validate(e) {
    var text = e.target.value;
    //validation of the input...
}

<强> Live demo here