Change the background color of the <div> element (an ancestor of the <button> element):
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).
|event||Required. The event parameter comes from the event binding function|
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.