Posted By

noah on 04/30/07

Tagged

DOM click events ui eventhandlers onclick quirksmodeorg ppk

Versions (?)

Who likes this?

9 people have marked this snippet as a favorite

tylerhall
inamorix
vali29
heinz1959
SpinZ
hans
ckayra
seanpowell
guo3823538

Which element was clicked?

/ Published in: JavaScript

How to get a reference to the element that was clicked to fire an event. The code is gratefully cribbed from Quirksmode.org.

Updated to reflect how I actually implement this, slightly different from PPK's original.

Expand | Embed | Plain Text

<html>
<head>
<script>
/* http://quirksmode.org */
function getEvent (e) {
  var event = e || window.event;
  if( ! event.target ) {
    event.target = event.srcElement
      }
  return event;
}
</script>
 
</head>
<body>
<a href="#fred" id="fred" onclick="alert(getEvent(event).target)">foo</a>
</body>
</html>

Report this snippet Tweet

Comments

Subscribe to comments

Posted By: frontendengineer on May 4, 2012: This returns the href value of the tag not the html element tag.

check here

http://tinkerbin.com/IMfx83Su

Comment:

You need to login to post a comment.