jQuery event.target attribute

jQuery Events

The event.target attribute returns which DOM element triggered the event.

The target attribute can be the element on which the event is registered or its descendants.

Comparing event.target is often very useful, this to determine whether the event is being processed due to event bubbling.

Syntax:

event.target

Instance

Show which DOM element triggered the event:

$("*").click(function(event){
　　$("#output").text("Triggered by　"　+　event.target.tagName　+　"　element.");
});

This property is very useful in event delegation when the event bubbles up:

$("ul　li").click(function(){
　　$("#output").text("List item　"　+　event.target.id.replace("post"-", "")　+　"　was clicked!");
});

Parameter Value

jQuery Events