Skip to content
Related Articles

Related Articles

Improve Article

HTML | onmousedown Attribute

  • Difficulty Level : Basic
  • Last Updated : 22 Jul, 2019

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


<element onmousedown="script">

Attribute Value: It is supported by all HTML elements. The script event run when onmousedown attribute call.


<!DOCTYPE html>
<!DOCTYPE html>
    <title>onmousedown attribute</title>
        body {
            text-align: center;
        h1 {
            color: green;
    <h2>onmousedown A ttribute</h2>
    <p id="gfg" onmousedown="mouseDown()"
        <b>GeeksforGeeks:</b> A computer science portal 
        for Geeks. It is best website for learning<br>
        computer science.
        function Geeks() {
            document.getElementById("gfg").style.color = "green";
        function mouseDown() {
            document.getElementById("gfg").style.color = "red";


Supported Browsers: The browser supported by onmousedown attribute are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :