javascript - javascript 中的事件监听器不触发，除非在加载页面时触发

Question

我正在尝试:

//this represents all of the select tags on the page
var select = document.getElementsByTagName("select");

//Listener for when the option changes
select.addEventListener("change", hi(), false);

function hi() {
  alert("hi");
}

<select>
  <option>one</option>
  <option>two</option>
</select>

但是事件监听器似乎不工作，在 jsfiddle 中它在页面加载时工作，但在我更改选项时不工作...

Answer 1

去掉函数名的括号:

select.addEventListener("change", hi, false);

您正在调用函数并附加其结果，而不是附加函数本身。

编辑:此外，正如 Teemu 指出的那样，您正在尝试附加到集合而不是单个 select 项目。尝试 var select = document.getElementsByTagName("select")[0]; - 或者更好的是，使用 getElementById。