X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery event.delegateTarget Property

jQuery Event Methods jQuery Event Methods

Example

Change the background color of the <div> element (an ancestor of the <button> element):

$("div").on("click","button",function(event){
  $(event.delegateTarget).css("background-color", "pink");
});

Try it yourself »

Definition and Usage

The event.delegateTarget property returns the element where the currently-called jQuery event handler was attached.

This property is useful for delegated events attached by the on() method, where the event handler is attached at an ancestor of the element being processed.

Tip: event.delegateTarget is equal to event.currentTarget, if the event is directly-bound to an element and no delegation occurs (see example below).


Syntax

event.delegateTarget

Parameter Description
event Required. The event parameter comes from the event binding function


Examples

Try it Yourself - Examples

Difference between delegateTarget and currentTarget with delegation
Show the difference between delegateTarget and currentTarget when delegation occurs.

The delegateTarget and currentTarget are equal for directly bound events
Show that delegateTarget and currentTarget are equal for directly bound events.


jQuery Event Methods jQuery Event Methods


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook