Get event source element name and id in JavaScript

Description

The following code shows how to get event source element name and id.

Example


<html>
<head>
<script language="JavaScript">
  function tagInfo() {<!--  w  ww  .  ja  v  a  2  s .  c  o m-->
    var tag;
    tag = "Element name: " + window.event.srcElement.tagName + " ID: "
        + window.event.srcElement.id;
    document.write(tag);
  }
</script>
</head>
<body onMouseover="tagInfo()" id="body1">
  <h1 id="head1">Heading One</h1>
  <p id="para1">Some text</p>
  <h2 id="head2">Another heading</h2>
  <p id="para2">
    More text and some <b id="bold1">bold</b> text
  </p>
  <h3 id="head3">Another heading</h3>
  <p id="para3">
    More text and some <i id="italics1">italics</i> text
  </p>
</body>
</html>

Click to view the demo





















Home »
  Javascript »
    Javascript Reference »




Array
Canvas Context
CSSStyleDeclaration
CSSStyleSheet
Date
Document
Event
Global
History
HTMLElement
Input Element
Location
Math
Number
String
Window