javascript - 如何让多个输入使用按键功能？ JavaScript HTML

Question

这个问题已经有答案了:

Adding click event listener to elements with the same class (5 个回答)

已关闭 3 年前。

如何获得多种输入类型以使用按键输入？这是我的代码。

//keypress enter
var input = document.getElementById("cost");
input.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
    event.preventDefault();
    document.getElementById("calc").click();
  }
});

如您所见，这段代码一次只能提取 1 个元素。

Answer 1

使用 querySelectorAll 选择所有输入类型元素，然后应用循环为它们分配事件监听器:

var inputs = document.querySelectorAll("input");
for (var i = 0; i < inputs.length; i++) {
  inputs[i].addEventListener("keyup", function(event) {
    if (event.keyCode === 13) {
      event.preventDefault();
      document.getElementById("calc").click();
    }
  });
}