jQuery mousedown() Method
The jQuery mousedown() method is an inbuilt method 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.
Example 1: This example illustrates the mousedown() method in jQuery.
HTML
<!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> |
Output:
Example 2: In this example, we will change the background color by using the mousedown() method.
HTML
<!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 () { $("div").css( "background-color", "green"); }); }); </script> <style> div { width: 200px; height: 40px; font-weight: bold; border: 2px solid black; padding: 20px; } </style> </head> <body> <!-- click on this button to change the background color--> <div>Welcome to GeeksforGeeks!</div> </body> </html> |
Output:
Related Articles:
Please Login to comment...