Get the real clicked element tag name for once with jquery

Question

I want my click function to run for all elements and in that i wanna get the clicked element tag name.

For a page like this for example,

<html>
<body>
  <form>
   <div>
     <input type="text">
     <textarea></textarea>
   </div>
  </form>
</body>
</html>

if i run this js code

$("*").live('click',function(evt) {
    alert(evt.target.tagName);      
});

and click on the textarea, it alerts "TEXTAREA" for 5 times because it has 4 parents.

Where to fix?

James Donnelly · Accepted Answer

Use jQuery's stopPropagation() method:

$("*").live('click',function(evt) {
    evt.stopPropagation();
    alert(evt.target.tagName);      
})

JSFiddle demo.

Donate For Us