How to add an event handler in Javascript?

Question

I have a listener on DOMContentLoaded which calls startup() function.

I want to add more listeners (within the startup function) to items added to the DOM in the startup function. But it seems to fail (no click event registetered)

I use item.addEventListener("click", f, false); where f is the function that is supposed to run.

NOTE: I CANNOT use onclick=... I also cannot use JQuery.

Demo code is here

It is far better to post a minimal example here. It is very likely that in creating the example, you will discover your issue. If not, the example (and probably a solution) will be available for posterity. Otherwise, there will likely be a vague question with a dead link and an incongruent answer. — RobG
– RobG, Commented Nov 28, 2011 at 6:21
@tekknolagi: That argument defines whether the handler should be triggered in the capture or bubble phase. false means bubble phase. — Felix Kling
– Felix Kling, Commented Nov 28, 2011 at 8:09

Strelok · Accepted Answer · 2011-11-28 06:59:27Z

1

You have several issues in your code:

previous function is not defined
To attach a click event via addEventListener, the event name is click not onclick.
You are calling addListeners outside of your load function.

Here is a jsfiddle that works: http://jsfiddle.net/VUgRu/

You should always use the javascript console to see what errors you are getting.

answered Nov 28, 2011 at 6:59

Strelok

51.7k9 gold badges106 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

John · Accepted Answer · 2011-11-28 08:09:17Z

0

Using no frameworks (no excuse to use them) and adding an event listener in standard compliant browsers and Internet Explorer 8 and older for 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;
 }
}

answered Nov 28, 2011 at 8:09

John

1

Collectives™ on Stack Overflow

How to add an event handler in Javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related