HTML attribut d'événement onmousedown

Définition et utilisation événement onmousedown

LES BALISES HTML

Lorsqu’on manipule le bouton de la souris on crée une série d’événement et qui sont dans l’ordre :
on appuis sur le bouton
puis on le relâche
ce qui crée un clique.
Donc ces trois événement sont toujours liés mais on peut faire appelle à l’un ou l’autre de ces événements pour exécuter un script donné.
L'attribut onmousedown se déclenche lorsqu'un bouton de la souris est appuyé sur un élément html.
astuce Astuce : L'ordre des événements liés à l'événement onmousedown (pour le bouton gauche/milieu de la souris) :
OnMouseDown
OnMouseUp
OnClick
L'ordre des événements liés à l'événement onmousedown (pour le bouton droit de la souris) :
OnMouseDown
OnMouseUp
OnContextMenu

Remarque : L'attribut onmousedown ne peut pas être utilisé avec : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.

Syntaxe

<element onmousedown="script">
Valeurs d'attribut

Valeur	Description
script	Le script à exécuter sur onmousedown

Exemple Exécuter un JavaScript quand on appuyant sur un bouton de la souris sur un paragraphe :

Exemple : 📋 Copier le code

  <!DOCTYPE html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>HTML demo</title>
  <script>
  function appuitSouris()
  {
  document.getElementById("p1").style.color="red";
  }
  function relacheSouris()
  {
  document.getElementById("p1").style.color="green";
  }
  </script>
  </head>
  <body>
  <p id="p1" onmousedown="appuitSouris()" onmouseup="relacheSouris()">
  Cliquez sur le texte! et maintenez le bouton de la souris enfoncé La fonction
  appuitSouris()  est déclenchée cette fonction définit la couleur du texte en rouge.
  <br>
  Lorsque vous relachez  le bouton de la souris la fonction  relacheSouris()  est
  déclenchée cette fonction définit la couleur du texte en vert.
  </p>
  </body>
  </html>