HTML attribut d'événement onmouseup

Somaire

 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

<element onmouseup="script">

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 :

Sélectionner 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>
    
 

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut d'événement onmouseup est pris en charge dans tous les principaux navigateurs.


Différences entre HTML 4.01 et HTML5

Aucune.


cours precedent Retour à la Liste attribut d'événement 

    
Accueil du site


Par carabde 10 mars 2014