在Javascript上添加事件监听器

Question

我是javascript新手，无法弄清楚以下代码为何不起作用：

 var toChange = document.getElementById("greeting"); toChange.addEventListener("mouseOver", function() { this.innerHTML = "Hi"; }); 

  <p id="greeting">Hello.</p> 

我已经对事件侦听器进行了深入的研究，我不知道为什么此代码无法正常工作。 谢谢。

Answer 1

事件名称区分大小写。 这是您的代码，其中mouseOver替换为mouseover 。

 var toChange = document.getElementById("greeting"); toChange.addEventListener("mouseover", function() { this.innerHTML = "Hi"; }); 

  <p id="greeting">Hello.</p> 

Answer 2

请改用小写的"mouseover" 。