HTML DOM onmousedown Event

Last Updated : 12 Jul, 2025

The HTML DOM onmousedown event occurs when a mouse button is pressed over an element. It's useful for implementing interactive features that respond to mouse clicks or taps on web elements.

Syntax:

In HTML

<element onmousedown="myScript">

In JavaScript

object.onmousedown = function(){myScript};

In JavaScript, using the addEventListener() method

object.addEventListener("mousedown", myScript);

Related events for left-click:

onmousedown
onmouseup
onclick

Related events for right-click:

onmousedown
onmouseup
oncontextmenu

HTML DOM onmousedown Event Examples

Example: In this example we demonstrating the onmousedown event. When mouse button is pressed over "HTML DOM onmousedown Event", text changes to "button pressed.

Output:

👁 onmouseDownEvent

HTML DOM onmousedown Event Example Output