How to handle a double click event using jQuery?

jQueryWeb DevelopmentFront End Technology

To handle a double click event using jQuery, use the dblclick() event. When an element is double clicked, this event occurs.

Example

You can try to run the following code to learn how to handle double click event using jQuery −

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $("p").dblclick(function(){
     alert("You have clicked this twice.");
   });
});
</script>
</head>
<body>

<p>Double click</p>

</body>
</html>
raja
Published on 19-Dec-2017 16:29:59
Advertisements