javascript - 为什么 addEventListener 不适用于该项目？

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 6 年前。

Improve this question

document.getElementById('btn').addEventListener("onclick", mouseover);

function mouseover() {
  this.style.color = " yellow ";
  this.style.backgroundcolor = "green";
}

<input type="button" value= "Submit" id="btn" />

Answer 1

要将监听器附加到名为 click 的事件，您需要执行以下操作之一:

object.onclick = function(event) { ... }
object.addEventListener('click', function(event) { ... });

第二种方法中的事件名称之前没有“on”，因此在您的情况下，您的代码应该是:

var btn = document.getElementById('btn');
btn.addEventListener("click", mouseover);
                   // ^-- note no "on" here

function mouseover() {
  this.style.color = "yellow";
  this.style.backgroundColor = "green";
}

<input type="button" value= "Submit" id="btn" />

(另请注意，它是 backgroundColor，而不是 background.color，并且颜色字符串中不应有空格。)