时间戳

首页 > 解决方案 > 如何获得多个输入以使用按键功能？Javascript HTML

javascript - 如何获得多个输入以使用按键功能？Javascript HTML

问题描述

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

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

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

标签： javascripthtml

解决方案

用于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();
    }
  });
}

推荐阅读