jQuery dblclick() Event - CodingTag
×


jQuery dblclick()

1544

  • When a user double clicks on an HTML element, the dblclick() function is executed which attaches an event handler method to that particular HTML element.

Related Topics:

jQuery Events
jQuery click()

jQuery dblClick

Syntax:

$(selector).dblclick(function(){
//actions go here
});

Where,

selector represents a jquery selector that is used to select the HTML element on which the events occur.

Example:

<html>
<head>
<title> jQuery Example </title>
<script type = "text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".bt").dblclick(function(){
$(this).css("background","green");
$("body").css("background","yellow");
});

$("p").dblclick(function(){
$(this).css("display","none");
});
});
</script>
</head>
<body>

<h2> jQuery Double Click Event Example </h2>

<p> Double click on me to hide me. </p>
<p> Double click on me to hide me. </p>
<button class="bt"> Double Click me to change the color of background </button>

</body>
</html>

Output:

Double Click on paragraphs to hide them and also double click on the button to change the background color.



Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments