The jQuery event.delegateTarget property is used to return the element where the currently-called jQuery event handler was attached.
Syntax:
event.delegateTarget
Parameter:
- event: It is a required parameter and this event parameter comes from the event binding function.
Example 1: This example shows the use of event.delegateTarget property in jQuery.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
jQuery event.delegateTarget Property
</ title >
< script src =
</ script >
< script >
$(document).ready(function () {
$("div").on("click", "button",
function (event) {
$(event.delegateTarget).css(
"background-color", "green");
});
});
</ script >
</ head >
< body >
< center >
< div >
< h1 >GeeksForGeeks</ h1 >
< h2 id = "geeks2" >
jQuery event.delegateTarget Property
</ h2 >
< button >Click</ button >
</ div >
</ center >
</ body >
</ html >
|
Output:
Example 2: In this example, the text size will change after clicked inside the box.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
jQuery event.delegateTarget Property
</ title >
< script src =
</ script >
< script >
$(document).ready(function () {
$("div").on("click", function (event) {
$(event.delegateTarget).animate({ fontSize: "+=14px"});
});
});
</ script >
</ head >
< body >
< center >
< div style = "border: 2px solid black" >
< h1 >GeeksForGeeks</ h1 >
< h2 id = "geeks2" style = "color: green" >
A computer science portal
</ h2 >
</ div >
</ center >
</ body >
</ html >
|
Output: