jQuery | mousedown() with Examples
The mousedown() method is an inbuilt method in jQuery which works when the left mouse button is pressed down over the selected element.
Syntax:
$(selector).mousedown(function)
Parameters: This function accepts single parameter function which is optional. It is used to specify the function to run when the mousedown event is called.
Return Value: This method returns the selected element with the change.
Below example illustrates the mousedown() method in jQuery:
Example:
<!DOCTYPE html> <html> <head> <title>The mousedown Method</title> <script src= </script> <!-- jQuery code to show the working of this method --> <script> $(document).ready(function() { $("div").mousedown(function() { alert("Mouse left key was pressed"); }); }); </script> <style> div { width: 200px; height: 40px; font-weight: bold; border: 2px solid green; padding: 20px; } </style> </head> <body> <!-- click on this button and pop up will appear--> <div>Welcome to GeeksforGeeks!</div> </body> </html> |
chevron_right
filter_none
Output:
Before click on the paragraph element:
After click on the paragraph element:
Related Articles:
Recommended Posts:
- jQuery | eq() with Examples
- jQuery | has() with Examples
- jQuery | val() with Examples
- jQuery | first() with Examples
- jQuery | last() with Examples
- jQuery | on() with Examples
- jQuery | after() with Examples
- jQuery | one() with Examples
- jQuery | queue() with Examples
- jQuery | resize() with Examples
- jQuery | undelegate() with Examples
- jQuery | replaceWith() with Examples
- jQuery | ready() with Examples
- jQuery | stop() with Examples
- jQuery | animate() with Examples
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
