addEventListener「onmouseover」不在表單元格上工作

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

它不會在所有的工作。

類「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