Last Updated : 11 Jul, 2025
This onmousedown attribute will fire when a mouse button is pressed down on the element and the order of events occur related to the onmousedown event(for the left/mouse button)
Supported Tags: It supports all HTML elements.
Syntax:
<element onmousedown="script">
Attribute Value: It is supported by all HTML elements. The script event runs when onmousedown attribute call.
Example: In this example we changes the paragraph's color based on mouse events: red on mousedown and green on mouseup, using the onmousedown and onmouseup attributes to trigger JavaScript functions.
HTML
<!DOCTYPE html>
<html>
<head>
<title>onmousedown attribute</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>onmousedown A ttribute</h2>
<p id="gfg" onmousedown="mouseDown()" onmouseup="Geeks()">
<b>GeeksforGeeks:</b> A computer science portal
for Geeks. It is best website for learning<br>
computer science.
</p>
<script>
function Geeks() {
document.getElementById("gfg").style.color = "green";
}
function mouseDown() {
document.getElementById("gfg").style.color = "red";
}
</script>
</body>
</html>
Output:
Supported Browsers: The browser supported by onmousedown attribute are listed below:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4