.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:
  1. jQuery Event
  2. jQuery's methods for event
  3. Event object
  4. event.keycode
  5. event.clientX/clientY
  6. event.pageX/pageY: click event coordinates
  7. event.preventDefault()
  8. event.stopPropagation(): Stop only an event from bubbling by using the stopPropagation method.
  9. event.target.tagName
  10. event.which:check key code
  11. return false to Cancel a default action and prevent it from bubbling up
  12. bind
  13. .blur()
  14. .change()
  15. .click()
  16. .error()
  17. .dblclick()
  18. .delegate()
  19. die:Removes a bound live event
  20. .focus()
  21. .hover()
  22. keydown() event
  23. .keypress()
  24. keyup event and check the key code
  25. .live()
  26. .load()
  27. mousedown() event
  28. mouseenter() event
  29. mouseleave
  30. mousemove()
  31. mouseover() event
  32. mouseout
  33. mouseup() event
  34. .off() removes events
  35. .on() replaces the functionality of all the event methods.
  36. .one() method executes handler only once.
  37. .ready()
  38. .resize()
  39. .scroll()
  40. .select()
  41. .submit()
  42. .toggle()
  43. .trigger()
  44. .triggerHandler()
  45. .unbind() accepts a string describing the event type to unbind.
  46. .undelegate() removes the binding
  47. .unload()
  48. use bind/trigger to create custom event