19 Feb jQuery mousedown() method
Definition
On pressing the left mouse button of the matched element, the mousedown event triggers. It gets fired by the jQuery mousedown() method.
Syntax
The following is the syntax,
|
1 2 3 |
$(selector).mousedown(func) |
The following is the parameter,
- func: When mousedown event is triggered, this function runs. This is optional parameter.
Example
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("h3").mousedown(function(){ $(this).after("Mouse Button: Pressed down.</p>"); }); $("h3").mouseup(function(){ $(this).after("Mouse Button: Released.</p>"); }); }); </script> </head> <body> <h2>Studyopedia</h2> <p>We offer the following,</p> <h3>Tutorials</h3> <h3>Product Reviews</h3> <h3>Interview Questions</h3> </body> </html> |
The following is the output,
On pressing and releasing the mouse button on any of the <h3> heading, the mouseup and mousedown event triggers respectively,
No Comments