Événement onmousedown

Définition et utilisation

Un événement onmousedown se produit lorsque l'utilisateur appuie sur le bouton de la souris sur un élément.

Astuce :Ordre des événements liés à l'événement onmousedown (pour le clic gauche ou central de la souris) :

  1. onmousedown
  2. onmouseup
  3. onclick

Ordre des événements liés à l'événement onmousedown (pour le clic droit de la souris) :

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

Exemple

Exécutez JavaScript lorsque le bouton de la souris est appuyé sur le paragraphe :

<p onmousedown="myFunction()">Cliquez sur le texte !</p>

Essayez-le vous-même

Vous trouverez plus d'exemples TIY en bas de la page.

Syntaxe

Dans HTML :

<element onmousedown="myScript">

Essayez-le vous-même

En JavaScript :

object.onmousedown = function(){myScript};

Essayez-le vous-même

En JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("mousedown", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge méthode addEventListener().

Détails techniques

Bubbling : Supporté
Annulable : Supporté
Type d'événement : MouseEvent
Balises HTML supportées : Tous les éléments HTML, sauf : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> et <title>
Version du DOM : Niveau 2 des événements

Support du navigateur

Événement Chrome IE Firefox Safari Opera
onmousedown Supporté Supporté Supporté Supporté Supporté

Plus d'exemples

Déclenche une fonction avec paramètres lors de l'appui sur le bouton
Lorsque le bouton de la souris est appuyé sur l'élément <p>, changez sa couleur en rouge.
Rappeler le bouton de la souris appuyé
Rappeler le bouton de la souris appuyé par l'utilisateur.
Indiquer l'élément cliqué
Rappeler le nom de l'élément cliqué par l'utilisateur.