mousedown() event

Syntax


.mousedown()
.mousedown(handler)

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 mousedown JavaScript event, or trigger that event on an element.


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

Mouse down event

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("div").mouseup(function(){
                $(this).append('<span style="color:#F00;">Mouse up.</span>');
            }).mousedown(function(){
                $(this).append('<span style="color:#00F;">Mouse down.</span>');
            });
        });
    </script>
  </head>
  <body>
    <body>
     <div>adsf</div>
    </body>
</html>

Click to view the demo

mousedown(fn) event fires when the pointing device button is pressed over an element.

 
<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").mouseup(function(){
              $(this).append('<span style="color:#F00;">Mouse up.</span>');
            }).mousedown(function(){
              $(this).append('<span style="color:#00F;">Mouse down.</span>');
            });
        });
    </script>
<style>
  div.dbl { background:yellow;color:black; }
</style>
  </head>
  <body>
    <body>
         <p>Press mouse and release here.</p>
    </body>
</html>

Click to view the demo

Home
JavaScript Book
jQuery

Event: