In this article, we will see how to run a code after double clicked the element using jQuery. To run the code on double clicked we use dblclick() method. This method is used to trigger the double-click event to occur. This method occurs when the selected element will be double clicked.
Syntax:
$(selector).dblclick(args);
Parameter: It accepts an optional parameter “args” which specifies a function that do a specific task after double clicking.
Example:
HTML
<!DOCTYpe html>
<html>
<head>
<title>
How to run a code on double-click
event in jQuery?
</title>
<script src=
</script>
<script>
$(document).ready(function () {
$("body").css("text-align", "center");
$("h1").css("color", "green");
$("p").dblclick(function () {
$(this).css("font-size", "20px");
$(this).css("color", "green");
});
});
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h3>
How to run a code on double-click
event in jQuery?
</h3>
<p>
GeeksforGeeks: A computer science portal
</p>
</body>
</html>
|
Output:
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
17 Mar, 2021
Like Article
Save Article