如何在Javascript中添加事件处理程序？

Question

我在DOMContentLoaded上有一个侦听器，该侦听器调用startup（）函数。

我想将更多侦听器（在启动功能内）添加到在启动功能中添加到DOM的项目中。 但是它似乎失败了（没有注册点击事件）

我使用item.addEventListener("click", f, false); 其中f是应该运行的函数。

注意：我不能使用onclick = ...我也不能使用JQuery。

演示代码在这里

Answer 1

您的代码中有几个问题：

1. 未定义previous功能
2. 要通过addEventListener附加click事件，事件名称为click not onclick 。
3. 您正在load函数之外调用addListeners 。

这是一个有效的jsfiddle： http : //jsfiddle.net/VUgRu/

您应该始终使用JavaScript控制台来查看正在遇到的错误。

Answer 2

不使用框架（不使用任何借口），并在符合标准的浏览器和Internet Explorer 8及更早版本的AttachEvent中添加事件监听器...

 if (window.addEventListener) {document.addEventListener('keydown',keyPressed,false);}
 else {document.attachEvent('onkeydown',keyPressed);}

function keyPressed(evt)
{
 var e = evt || event;
 var key = e.which || e.keyCode;

 switch (key)
 {
  case 77:// M
  alert('m key pressed');
  break;

  case 76://L
  alert('L key pressed');
  break;
 }
}