javascript - 为什么我无法在循环中添加事件监听器？

Question

const inputs = document.getElementsByClassName("uk-input")
for (let element of inputs) {
  element.addEventListener("onchange", e => {
    alert("test")
  })
}
console.log(inputs)

当我查看最后一行的输出时，“onchange”事件监听器字段为空。我做错了什么？

在相应的输入字段中键入内容也不会产生警告框。

Answer 1

事件名称是change，而不是onchange:

const inputs = document.getElementsByClassName("uk-input")
for (let element of inputs) {
  element.addEventListener("change", e => {
    alert("test")
  })
}
console.log(inputs)

在分配给onchange的属性名称时，您可以使用onchange来添加监听器，例如:

const inputs = document.getElementsByClassName("uk-input")
for (let element of inputs) {
  element.onchange = e => {
    alert("test")
  };
}
console.log(inputs);

(但这可能不是一个好主意，因为这将覆盖以前通过分配给 onchange 附加的监听器，并且将来可能分配给 onchange 的代码将覆盖您的监听器 - 最好使用 addEventListener 代替。)