Show texts when mouseup and mousedown event triggering. : Event Mouse « jQuery « JavaScript Tutorial

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.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>

30.130.Event Mouse
	30.130.1.	Mouse enter event
	30.130.2.	Mouse leave event
	30.130.3.	Mouse down event
	30.130.4.	Mouse enter
	30.130.5.	Cascaded Mouse leave event
	30.130.6.	Mouse out event
	30.130.7.	Mouse over event
	30.130.8.	Mouse over action
	30.130.9.	Mouse up event
	30.130.10.	mouseover event triggering
	30.130.11.	mouseenter event triggering
	30.130.12.	mouseleave event triggering
	30.130.13.	mouseout(fn) event fires when mouse is moved away from an element.
	30.130.14.	mousemove(fn) event fires when mouse is moved
	30.130.15.	mousedown(fn) event fires when the pointing device button is pressed over an element.
	30.130.16.	Show texts when mouseup and mousedown event triggering.
	30.130.17.	Show the mouse coordinates when the mouse is moved over the yellow div. Coordinates are relative to the window which in this case is the iframe.