javascript - 使用 javascript eventhandler 更改 html 输入图像

Question

我正在为我的个人网站构建一个非常简单的博客工具。我正在开发的一项功能是评论部分。我网站上的每篇博文旁边都有一个按钮，点击后会显示该特定博文的评论。

评论按钮是在 javascript 中动态创建的

  var commentLinks = document.createElement("INPUT");
        commentLinks.setAttribute("type", "image");
        commentLinks.setAttribute("src", "linkredacted");
        commentLinks.setAttribute("id", "commentButton"+i);
        commentLinks.addEventListener("onmouseover", function(){
    changeSrc(commentLinks);
}, false);

我面临的问题是鼠标悬停事件永远不会触发。我已验证我的 URL 路径正确并且原始按钮已成功创建，但无论我尝试什么，我都无法在鼠标悬停事件后调整按钮大小。这是 changeSrc 上面代码调用的函数:

function changeSrc(commentLinks)
{
  commentLinks.src = "linkredacted";
}

我也试过使用 setAttribute 这不起作用，以及将整个函数调用放在一个匿名函数中，这也不起作用。任何帮助将不胜感激

Answer 1

使用鼠标悬停。不是鼠标悬停commentLinks.addEventListener("onmouseover", function(){应该是 commentLinks.addEventListener("mouseover", function(){