我有一个输入，我只想为它添加一个事件侦听器，以便在输入聚焦时按 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 来调用它。
你可以使用这个：
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...
}
var elem = document.getElementById("wage");
elem.onkeyup = function(e){
if(e.keyCode == 13){
validate();
}
}
这是当前接受的答案（来自@MinkoGechev）的一个版本，其中包含key而不是 keyCode：
const wage = document.getElementById('wage');
wage.addEventListener('keydown', (e) => {
if (e.key === 'Enter') {
validate(e);
}
});
function validate(e) {
const text = e.target.value;
//validation of the input...
}
你需要类似的东西
wage.addEventListener('keydown', validate);
然后您的验证功能需要检查event.keyCode == 13以确定“输入”按键。
如果您将按钮元素更改为
<input type="submit" value="Submit">
它将与键盘上的输入按钮一起使用。