在输入键上执行函数
在输入键上执行函数
提问于 2019-03-25 05:02:56
我有一个输入，我只想添加一个事件监听器来激活一个函数，当我按下回车键，输入被聚焦时。我如何用纯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来调用它。
回答 2
Stack Overflow用户
发布于 2019-03-25 13:39:00
以下是当前接受的答案（来自@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...
}
Stack Overflow用户
发布于 2019-03-25 14:53:27
你需要wage.addEventListener('keydown', validate);
然后，您的验证功能需要检查event.keyCode == 13以确定“输入”按键。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100006502
复制相关文章
相似问题