为什么事件处理程序在Firefox中引发错误？

Question

以下代码段在Google Chrome浏览器中可以正常运行，但是如果我在Firefox中运行它，则会抛出错误，提示event is not defined。 是什么原因导致这个问题？

document.getElementById("btn").addEventListener("click", function() {
  console.log(event.target.id)
});

<input type="button" id="btn" value="Click Me">

Answer 1

全局变量event是非标准的，Firefox不支持。

相反，通过标准方法（事件处理程序的第一个参数）访问事件对象。

document.getElementById("btn").addEventListener("click", function(event) {
  console.log(event.target.id)
});

<input type="button" id="btn" value="Click Me">