.dblclick()

Syntax


.dblclick(handler) 
.dblclick()

Parameters

handler: A function to execute each time the event is triggered

Return value

The jQuery object, for chaining purposes.

Description

Bind an event handler to the dblclick JavaScript event, or trigger that event on an element.

.dblclick(handler) is a shortcut for .bind('dblclick', handler). .dblclick() is a shortcut for .trigger('dblclick').

We can also trigger the event when a different element is clicked.


$('#other').click(function() {

 $('#target').dblclick();

});

bind the dblclick event on every paragraph on the page

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                var divdbl = $("div");
                divdbl.dblclick(function () { 
                  divdbl.toggleClass('dbl'); 
                });
        });
    </script>
<style>
  div.dbl { background:yellow;color:black; }
</style>
  </head>
  <body>
    <body>
         <div>asdf</div><span>Double click the block</span>
    </body>
</html>

Click to view the demo

Double click to slide up

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
              $("p").dblclick(function () { 
                   $(this).slideUp(); 
              });
        });
    </script>
  </head>
  <body>
    <body>
       <p>asdf</p>
       <p>asdf</p>
    </body>
</html>

Click to view the demo

Home
JavaScript Book
jQuery

Event: