jQuery triggerHandler() Method
Last Updated :
18 Nov, 2022
The jQuery triggerHandler() Method is used to trigger a specified event for the selected element.
Syntax:
$(selector).triggerHandler(event, param1, param2, ...)
Parameters: This method accepts two parameters as mentioned above and described below:
- event: It is an mandatory parameter which is used to specify the event to trigger for the specified element.
- param1, param2, … : These are an optional parameters which are used to pass on the event handler and these are especially useful with custom event.
Example 1: This example triggered the input select element.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
jQuery | triggerHandler() Method
</title>
<script src=
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>jQuery | triggerHandler() Method</h2>
<input type="text" value="HELLO GEEKS">
<br><br>
<button>Click</button>
<script>
$(document).ready(function () {
$("input").select(function () {
$("input").after(" TRIGGERED!");
});
$("button").click(function () {
$("input").triggerHandler("select");
});
});
</script>
</body>
</html>
|
Output:
Example 2: This example trigger the paragraph event and display the alert message.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
jQuery | triggerHandler() Method
</title>
<script src=
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>jQuery | triggerHandler() Method</h2>
<button>Click</button>
<script>
$(document).ready(function () {
$("button").click(function () {
$("button").on("myPara", function (event,
param1, param2, param3) {
alert(param1 + "\n" + param2 + "\n" + param3);
});
$("button").triggerHandler("myPara",
['GEEKS', 'FOR', 'GEEKS']);
});
});
</script>
</body>
</html>
|
Output:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...