onmousedown-händelse

Definition och användning

En onmousedown-händelse inträffar när användaren trycker ner musknappen på ett element.

Tips:Eventuell ordning av händelser relaterade till onmousedown (för vänster- och mittmusknappen):

  1. onmousedown
  2. onmouseup
  3. onclick

Eventuell ordning av händelser relaterade till onmousedown (för högermusknappen):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

Exempel

Utlös JavaScript när musknappen trycks ner på stycket:

<p onmousedown="myFunction()">Klicka på texten!</p>

Prova själv

Det finns fler TIY-exempel längre ner på sidan.

Syntax

I HTML:

<element onmousedown="myScript">

Prova själv

I JavaScript:

object.onmousedown = function(){myScript};

Prova själv

Använd addEventListener() metod i JavaScript:

object.addEventListener("mousedown", myScript);

Prova själv

Kommentar:Internet Explorer 8 eller tidigare versioner stöder inte addEventListener() metod.

Tekniska detaljer

Bubbling: Stödjer
Kan avbrytas: Stödjer
HändelseTyp: MouseEvent
Stödda HTML-taggar: Alla HTML-element, utom: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> och <title>
DOM-version: Nivå 2-händelser

Webbläsarstöd

händelse Chrome IE Firefox Safari Opera
onmousedown Stödjer Stödjer Stödjer Stödjer Stödjer

Mer exempel

Utlös en funktion med parametrar när knappen trycks ner
När musknappen trycks ner på <p>-elementet, ändras dess färg till röd.
Varningar användaren om vilken musknapp som trycktes ned.
Varningar användaren om vilken musknapp som trycktes ned.
Tipsar om det klickade elementet
Varningar användaren om namnet på det klickade elementet.