Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Get id of clicked element without putting any js code in the html

I need to get the ID of an element that was clicked, but I need to to keep all my js and html separate. normally id just use 'this.id' in the html. Any other ways?

like image 200
wazzaday Avatar asked Apr 22 '12 18:04

wazzaday


1 Answers

This is what e.target is for. You can add an event listener anywhere you want, as long as the click event is allowed to bubble up to it (which happens by default) you can catch it. A basic example:

document.addEventListener('click', function(e) {
    alert(e.target.id);
});

Clicking on each will alert its id. Hope this helps :)

<button id="foo">foo</button>
<button id="bar">bar</button>
<button id="baz">baz</button>

EDIT

http://jsfiddle.net/95NZ8/

like image 128
Darragh Enright Avatar answered Nov 10 '22 14:11

Darragh Enright