Code has been added to clipboard!

jQuery .mousedown(): Learn to Add Event Handlers to mousedown Events

Reading time 1 min
Published Jan 9, 2018
Updated Oct 10, 2019

jQuery mousedown: Main Tips

  • The method .mousedown() adds an event handler to the mousedown event, or triggers the event.
  • The mousedown event fires when the cursor is inside an element, and the mouse button is clicked.

Usage and Syntax of .mousedown()

The method jQuery .mousedown() attaches an event handler to run a function once the mousedown event occurs. It can also trigger the event.

In the example below, clicking on the paragraph makes additional text appear:

Example
$("div").mousedown(function() {
   $(this).after("<p style='color: blue;'>Mouse button pressed.</p>");
});

This syntax triggers the mousedown event:

$("selector").mousedown();

Follow this pattern to attach the event handler by adding the function:

$("selector").mousedown(function);

Note: the .mousedown() jQuery is a shortcut for jQuery .onmousedown(), the .on() method used with mousedown as the event parameter.

Latest Coupon Found:

Verified STAFF PICK

TOP-RATED CODING COURSES

Learn the skills of tomorrow

The best time to learn programming is now - follow this link to access 100+ coding courses and enjoy learning at a very low cost!

Expiration date: 13/05/2021
2287 People Used
Only 92 Left
Rating
5.0