Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

onmousedown Event

Example

Execute a JavaScript when pressing a mouse button over a paragraph:

<p onmousedown="myFunction()">Click the text!</p>

Try it Yourself »

More "Try it Yourself" examples below.

Definition and Usage

The onmousedown event occurs when a user presses a mouse button over an element.

Tip: The order of events related to the onmousedown event (for the left/middle mouse button):

onmousedown
onmouseup
onclick

The order of events related to the onmousedown event (for the right mouse button):

onmousedown
onmouseup
oncontextmenu

Browser Support

Event
onmousedown	Yes	Yes	Yes	Yes	Yes

Syntax

In HTML:

<element onmousedown="myScript">

Try it Yourself »

In JavaScript:

object.onmousedown=function(){myScript};

Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("mousedown", myScript);

Try it Yourself »

Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.

Technical Details

Bubbles:	Yes
Cancelable:	Yes
Event type:	MouseEvent
Supported HTML tags:	All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>
DOM Version:	Level 2 Events

More Examples

Trigger a function with parameters when the button is pressed down
When the mouse button is pressed down over a <p> element, change its color to red.

Alert which mouse button that was pressed
Alert which mouse button the user pressed.

Alert the element the user clicked on
Alert the name of the element the user clicked on.