mousedown

  • Revision slug: Web/Reference/Events/mousedown
  • Revision title: mousedown
  • Revision id: 402251
  • Created:
  • Creator: Sheppy
  • Is current revision? Yes
  • Comment Moved From DOM/Mozilla_event_reference/mousedown to Web/Reference/Events/mousedown

Revision Content

The mousedown event is fired when a pointing device button (usually a mouse button) is pressed on an element.

General info

Specification
DOM L3
Interface
MouseEvent
Bubbles
Yes
Cancelable
Yes
Target
Element
Default Action
Varies: Start a drag/drop operation; start a text selection; start a scroll/pan interaction (in combination with the middle mouse button, if supported)

Properties

{{OpenEventProperties()}}{{UIEventProperties("A count of consecutive  clicks that happened in a short amount of time, incremented by one.")}}{{MouseEventProperties()}}{{ModifiersEventProperties()}}{{CloseEventProperties()}}

 

{{MouseRelatedEvents()}}

Revision Source

<p>The <code>mousedown </code>event is fired when a pointing device button (usually a mouse button) is pressed on an element.</p>
<h2 id="General_info">General info</h2>
<dl>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Specification</dt>
  <dd style="margin: 0 0 0 120px;">
    <a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown">DOM L3</a></dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Interface</dt>
  <dd style="margin: 0 0 0 120px;">
    MouseEvent</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Bubbles</dt>
  <dd style="margin: 0 0 0 120px;">
    Yes</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Cancelable</dt>
  <dd style="margin: 0 0 0 120px;">
    Yes</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Target</dt>
  <dd style="margin: 0 0 0 120px;">
    Element</dd>
  <dt style="clear: left; float: left; text-align: right; width: 120px;">
    Default Action</dt>
  <dd style="margin: 0 0 0 120px;">
    Varies: Start a drag/drop operation; start a text selection; start a scroll/pan interaction (in combination with the middle mouse button, if supported)</dd>
</dl>
<h2 id="Properties">Properties</h2>
<p>{{OpenEventProperties()}}{{UIEventProperties("A count of consecutive&nbsp; clicks that happened in a short amount of time, incremented by one.")}}{{MouseEventProperties()}}{{ModifiersEventProperties()}}{{CloseEventProperties()}}</p>
<p>&nbsp;</p>
<h2 id="Related_Events">Related Events</h2>
<p>{{MouseRelatedEvents()}}</p>
Revert to this revision