oujood.com

  HTML attribut d'événement onmouseup

Lorsqu’on manipule le bouton de la souris on crée une série d’événement et qui sont dans l’ordre :

chercher |

 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 :

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>
 

Appui de navigateur

Internet Explorer FirefoxOpera Google ChromeSafari

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



Voir aussi nos tutoriel :

fonction stristr

Version insensible la casse de strstr

margin

Définit toutes les propriétés de marge dans une déclaration

fonction metaphone, metaphone

Calcule la clé metaphone