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 lcfirst, lcfirst

Met le premier caractère en minuscule

Texte et typographie de Bootstrap Typographie

Bootstrap définit des styles et le formatage de contenu de texte par default comme les titres, paragraphes, blocs de citation, etc

fonction sprintf

Retourne une chaîne format e