Firefox事件.目标问题

Question

一般来说，如果我没有记错的话，我以前至少用过十几次，但出于某种上帝的原因，从今天早上开始它就不起作用了。。。有人知道线索吗？

JSFiddle示例

HTML:

<button id="testID" onclick="foo()">
test me
</button>
<button id="testID2" onclick="foo(this)">
test me 2
</button>

JS:

function foo(event){
alert(event.target.id);
}

Answer 1

在第一个示例中，将undefined传递给event。在第二个示例中，将按钮传递给event。

如果您想要事件对象，那么您必须传递事件对象。它被称为event，但我不知道为内部事件属性创建它有多标准。

一般来说，最好将事件处理程序与JavaScript绑定。

function foo(event){
    alert(event.target.id);
}
var buttons = document.querySelectorAll("button");
for (var i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener("click", foo); 
}

<button id="testID">
test me
</button>
<button id="testID2">
test me 2
</button>