How to handle a double click event using jQuery?


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>

Updated on: 14-Feb-2020

788 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements