Question

我有这个代码。我在Chrome中使用它，控制台不会丢失任何错误。见下文;

var inputs = document.getElementsByClassName("slot");
for(var i = 0; i < inputs.length; i++) {
    inputs[i].addEventListener("click", function(){ alert("WOrks"); });
}

如果我将代码更改为：

var inputs = document.getElementsByClassName("slot");
for(var i = 0; i < inputs.length; i++) {
    inputs[i].addEventListener("onmouseover", function(){ alert("WOrks"); });
}

根本不起作用。

班级中的所有元素＆＃34; slot＆＃34;是<td>元素。这段代码有什么问题？

解决方案：根据接受的答案，.addEventListener中的第一个参数应为mouseover，而不是onmouseover。

Answer 1

您的事件处理程序应回复mouseover而非onmouseover。

Answer 2

    var inputs = document.getElementsByClassName("slot");
 for(var i = 0; i < inputs.length; i++) {
    inputs[i].addEventListener("mouseover", function(){ alert("WOrks"); });
}

使用鼠标悬停而非onmouseover

addEventListener＆＃34; onmouseover＆＃34;不适用于表格单元格

2 个答案: