onmousedown event

DOM events MouseEvent

Definitie en gebruik

Er vindt een onmousedown-gebeurtenis plaats wanneer de gebruiker de muisknop op een element indrukt.

Tip:Volgorde van gebeurtenissen gerelateerd aan onmousedown (voor linker/midden muisknop):

  1. onmousedown
  2. onmouseup
  3. onclick

Volgorde van gebeurtenissen gerelateerd aan onmousedown (voor de rechter muisknop):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

Voorbeeld

Voer JavaScript uit wanneer de muisknop in de paragraaf wordt ingedrukt:

<p onmousedown="myFunction()">Klik op de tekst!</p>

Probeer het zelf

Er zijn meer TIY voorbeelden onder de pagina.

Syntaxis

In HTML:

<element onmousedown="myScript">

Probeer het zelf

In JavaScript:

object.onmousedown = function() {myScript};

Probeer het zelf

Gebruik de addEventListener() methode in JavaScript:

object.addEventListener("mousedown", myScript);

Probeer het zelf

Opmerking:Internet Explorer 8 of eerder ondersteunt deze niet addEventListener() methode.

Technische details

Bubbelend: Ondersteuning
Annuleerbaar: Ondersteuning
Gebeurtenis type: MouseEvent
Ondersteunde HTML-labels: Alle HTML-elementen, behalve: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> en <title>
DOM-versie: Niveau 2 Gebeurtenissen

Browserondersteuning

Gebeurtenis Chrome IE Firefox Safari Opera
onmousedown Ondersteuning Ondersteuning Ondersteuning Ondersteuning Ondersteuning

Meer voorbeelden

Een functie met parameters wordt geactiveerd wanneer de knop wordt ingedrukt
Wanneer de muisknop op het <p>-element wordt ingedrukt, wordt de kleur ervan rood gemaakt.
Prompt which mouse button was pressed
Remind the user which mouse button was pressed.
Prompt the element clicked
Remind the user of the name of the element clicked.
DOM events MouseEvent