Get event target : Event « jQuery « JavaScript DHTML

Get event target

    

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
           $("#container").click(function (e) {
              
              alert(e.target.tagName);
              e.preventDefault();
              return false;
            });

        });
    </script>
  </head>
  <body>
    <body>
    <div id="container">
        <div>
          <p>This <span>is the <em>way</em> we</span> 
          write <em>the</em> demo,</p>
        </div>
    </div>

  </body>
</html>

Related examples in the same category

1.	Cancel only the default action by using the preventDefault method
2.	Get click event coordinates
3.	Cancel a default action and prevent it from bubbling up
4.	Get tag name from event target
5.	Prevent default event
6.	Removes a bound live event
7.	Event instance properties
8.	Define custom event
9.	Stop only an event from bubbling by using the stopPropagation method.
10.	Pass some extra data before the event handler:
11.	To cancel only the default action by using the preventDefault method.
12.	Establishing event handlers with the DOM Level 2 Model
13.	Tracking event propagation with bubble and capture handlers
14.	Dynamically tracking the dimensions of an element