HTML onmousedown Attribute

Last Updated : 29 Aug, 2024

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 onmousemove Event Attribute

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

HTML onmousedown Attribute

Similar Reads

Window Event

Form Event

Keyboard Event

Mouse Event

Drag Event

Clipboard Events

Misc Events

Thank You!

What kind of Experience do you want to share?