Open In App
Related Articles

HTML | onmousedown Attribute

Improve Article
Save Article
Like Article

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. 


<element onmousedown="script">

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


<!DOCTYPE html>
    <title>onmousedown attribute</title>
        body {
            text-align: center;
        h1 {
            color: green;
    <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.
        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 2
  • Edge 12
  • Internet Explorer 9
  • Firefox 6
  • Opera 11.6
  • Safari 4

Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 18 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials