Open In App

HTML DOM onmousedown Event

Improve
Improve
Like Article
Like
Save
Share
Report

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: 

Related events for right-click: 

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.

HTML
<!DOCTYPE html>
<html>

<head>
    <title>
      HTML DOM onmousedown Event
  </title>
</head>

<body>
        <h2 id="try">
          HTML DOM onmousedown Event
      </h2>

        <script>
            document.getElementById(
              "try").addEventListener(
              "mousedown", btnpressed);

            function btnpressed() {
                document.getElementById(
                  "try").innerHTML = 
                  "button pressed.";
            }
        </script>
</body>

</html>

Output: 


onmouseDownEvent

HTML DOM onmousedown Event Example Output

Supported Browsers

The browsers supported by HTML DOM onmousedown Event are listed below: 


Last Updated : 13 Mar, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads