如何在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;
 }
}