onmousedown event
[This documentation is preliminary and is subject to change.]
Fires when the user clicks the object with either mouse button.
![]() |
Syntax
| HTML Attribute | <element onmousedown = "handler(event)"> |
|---|---|
| Event Property | object.onmousedown = handler; |
| attachEvent Method | object.attachEvent("onmousedown", handler) |
| addEventListener Method | object.addEventListener("mousedown", handler, useCapture) |
Standards information
- HTML 4.01 Specification, Section 18.2.3
Event information
| Synchronous | No |
|---|---|
| Bubbles | No |
| Cancelable | No |
Event handler parameters
- pEvtObj [in]
-
Type: IHTMLEventObj
Remarks
Use the button property to determine which mouse button is clicked.
Initiates actions associated with the event and with the object being clicked.
To invoke this event, do one of the following:
- Click a mouse button.
The pEvtObj parameter is required for the following interfaces:
- HTMLAnchorEvents2
- HTMLAreaEvents2
- HTMLButtonElementEvents2
- HTMLControlElementEvents2
- HTMLDocumentEvents2
- HTMLElementEvents2
- HTMLFormElementEvents2
- HTMLImgEvents2
- HTMLFrameSiteEvents2
- HTMLInputFileElementEvents2
- HTMLInputImageEvents2
- HTMLInputTextElementEvents2
- HTMLLabelEvents2
- HTMLLinkElementEvents2
- HTMLMapEvents2
- HTMLMarqueeElementEvents2
- HTMLObjectElementEvents2
- HTMLOptionButtonElementEvents2
- HTMLScriptEvents2
- HTMLSelectElementEvents2
- HTMLStyleElementEvents2
- HTMLTableEvents2
- HTMLTextContainerEvents2
- HTMLWindowEvents2
- HTMLWindowEvents4
Examples
This example shows how to determine the origin of the onmousedown event when event bubbling is used.
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousedownEX.htm
<BODY onmousedown="console.log(event.srcElement.tagName)"> <TABLE BORDER=1> <TH>Click the items below with your mouse.</TH> <TR><TD><BUTTON>Click Me</BUTTON></TD></TR> <TR><TD><INPUT TYPE=text VALUE="Click Me"></TD></TR> <TR><TD><SPAN>Click Me</SPAN></TD></TR> </TABLE> <P>This code retrieves the tagName of the object on which the onmousedown event has fired. </BODY>
See also
- a
- abbr
- acronym
- address
- applet
- area
- audio
- b
- bdo
- big
- blockQuote
- body
- button
- canvas
- caption
- center
- cite
- code
- custom
- dd
- del
- dfn
- dir
- div
- dl
- document
- dt
- em
- embed
- fieldSet
- font
- form
- hn
- hr
- i
- img
- input type=button
- input type=checkbox
- input type=file
- input type=image
- input type=password
- input type=radio
- input type=reset
- input type=submit
- input type=text
- ins
- kbd
- label
- legend
- li
- listing
- map
- marquee
- menu
- noBR
- object
- ol
- p
- plainText
- pre
- q
- rt
- ruby
- s
- samp
- select
- small
- source
- span
- strike
- strong
- sub
- sup
- table
- tBody
- td
- textArea
- tFoot
- th
- tHead
- tr
- tt
- u
- ul
- var
- video
- window
- xmp
- SVGSVGElement
- Reference
- onmousewheel
- onmousemove
- onmouseout
- onmouseover
- onmouseup
Build date: 3/14/2012
Community Content
rednael
Issue with Mouse events and transparent background on Input elements and Textareas
Please consider the following article:
http://blog.rednael.com/2009/09/01/TrappingMouseEventsOnTransparentInputElementsOrTextareasInIE.aspx
It describes an issue when trying to trap mouse events on transparent Input elements (type=text) and Textarea elements.
http://blog.rednael.com/2009/09/01/TrappingMouseEventsOnTransparentInputElementsOrTextareasInIE.aspx
It describes an issue when trying to trap mouse events on transparent Input elements (type=text) and Textarea elements.
