.mousedown() Event

Syntax

.mousedown(handler(eventObject))

Description

The .mousedown event is used to perform a handler function when the mouse pointer is pressed and not released from the element. Function will be performed without the pointer release from element. The below example shows how to change the style of an element when the mouse down event is triggered.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("#para").mousedown(function(){ $("#para").html("Mouse Down Event Succcessful"); $("#para").css("background-color","pink"); }); $("#para").mouseup(function(){ $("#para").html("Mouse up Event Succcessful"); $("#para").css("background-color","pink"); }); }); </script><br><div id='para'>Press and Hold to Mouse Down.</div>