在Javascript上添加事件监听器

Question

我是javascript的新手，无法弄清楚为什么以下代码无效：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我已经对事件听众进行了彻底的研究，但我无法弄清楚为什么这段代码不会起作用。谢谢。

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

改为使用小写"mouseover"。