JavaScript 中的 Onmousedown 不起作用 --help!

Question

以下函数应该在我的网页的“onload”事件期间执行。

function setUpTranslation() {
   var phrases = document.getElementsByTagName("p");

   for (i = 0; i<phrases.length; i++) {
      phrases[i].number = i;
      phrases[i].childNodes[1].innerHTML = french[i];

      phrases[i].childNodes[1].onMouseDown = alert("Hello World");
  }
}

谁能告诉我为什么每次通过 For 循环都会发生警报？我预计只有当用户将鼠标放在列表中的某个短语上时才会发生这种情况。

有人说 onmousedown 不应该大写，但是当我这样做时，我收到一条错误消息“未实现”，

提前感谢您的帮助。

Answer 1

您将 onMouseDown 事件设置为alert("Hello World") 的结果，而不是函数。将其更改为类似以下内容，以防止其运行，直到您希望它运行：

phrases[i].childNodes[1].onMouseDown = function() { alert("Hello World"); };

这将创建一个将警报作为函数主体的函数，并将该函数设置为 onMouseDown 事件的回调。

Answer 2

那是因为你在调用它。您想要创建一个函数，当被调用时调用警报：

  phrases[i].childNodes[1].onMouseDown = function() {alert("Hello World");};

Answer 3

phrases[i].childNodes[1].onMouseDown = alert("Hello World");

应该是

phrases[i].childNodes[1].onMouseDown = function( ){ alert("Hello World"); };

，否则它会返回 alert 的值作为处理程序（这是 undefined 且不执行任何操作）。