HTML onmousedown Attribute

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)

onmousedown
onmouseup
onclick

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:

HTML onmousedown Attribute

Explore