HTML attribut d'événement onmouseup

Définition et utilisation d'événement onmouseup

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 d'événement onmouseup se déclenche lorsqu'un bouton de la souris est relâché sur l'élément.

astuce Astuce : L'ordre des événements liés à l'événement onmouseup (pour le bouton gauche/milieu de souris) :

OnMouseDown

OnMouseUp

OnClick

L'ordre des événements liés à l'événement onmouseup (pour le bouton droit de la souris) :

OnMouseDown

OnMouseUp

OnContextMenu

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

Syntaxe

Valeurs d'attribut

Valeur	Description
script	Le script à exécuter sur onmouseup

Exemple Exécuter un JavaScript lorsqu’on relache 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>