- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Trigger an event IMMEDIATELY on mouse click, not after I let go of the mouse - JavaScript?
For this, use the addEventListener() with mousedown event.
Example
Following is the code −
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" /> <body> </body> <script> document.addEventListener("mousedown", function () { console.log("Mouse down event is happening"); }); </script> </html>
To run the above program, save the file name “anyName.html(index.html)”. Right click on the file and select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output on console −
When you click the mouse, the event will generate. The console output is shown below −
- Related Articles
- Store mouse click event coordinates with Matplotlib
- How can I trigger a JavaScript click event?
- How to handle a mouse right click event using jQuery?
- How to disable mouse event on certain elements using JavaScript?
- How can I show and hide div on mouse click using jQuery?
- Mouse event not being triggered on HTML5 canvas? How to solve it?
- What is the role of altKey Mouse Event in JavaScript?
- What is the role of clientX Mouse Event in JavaScript?
- What is the role of clientY Mouse Event in JavaScript?
- What is the role of ctrlKey Mouse Event in JavaScript?
- What is the role of pageX Mouse Event in JavaScript?
- What is the role of pageY Mouse Event in JavaScript?
- What is the role of screenX Mouse Event in JavaScript?
- What is the role of screenY Mouse Event in JavaScript?
- What is the role of shiftKey Mouse Event in JavaScript?

Advertisements