Applying an event handler to elements through a loop in Javascript

Question

I would like to add an Event Handler for all of my <td> tags. I've tried the following:

var allSquares = document.getElementsByTagName("td");

for (var i = 0, len = allSquares.length; i < len; i++){
allSquares[i].addEventListener('ondragover', allowDrop, false);

}

Anyone has an idea why it didn't work? Thanks ahead

I Hate Lazy · Accepted Answer · 2012-10-04 19:03:06Z

2

Generally event names passed to addEventListener do not start with "on".

allSquares[i].addEventListener('dragover', allowDrop, false);

answered Oct 4, 2012 at 19:03

I Hate Lazy

49k13 gold badges89 silver badges79 bronze badges

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

Comments

Bergi · Accepted Answer · 2012-10-04 19:03:33Z

1

With the W3-method addEventListener you don't put an "on" before the event's name (like you do for Microsoft):

allSquares[i].addEventListener('dragover', allowDrop, false);

See Quirksmode's article on the two advanced event registration models.

answered Oct 4, 2012 at 19:03

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Collectives™ on Stack Overflow

Applying an event handler to elements through a loop 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