addEventListener "onmouseover" 不在 Table 单元格上工作

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"); });
}

根本不起作用。

class "slot" 中的所有元素都是 <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 "onmouseover" 不在 Table 单元格上工作

addEventListener "onmouseover" Not Working on Table Cells

html

javascript

cell

addeventlistener