Accueil    HTML    Evenement onmouseup
 



Evenement onmouseup  HTML Evenement onmouseup : bouton de souris relaché sur une balise html

«  Partie précédente  |  Index


L'évènement onmouseup est déclenché par l'action de relacher le bouton de la souris (bouton droit ou bouton gauche) sur un élément HTML. Le code inclu dans l'évènement onmouseup de cet élément est alors exécuté.

Les évènements onmousedown et onmouseup lorsqu'ils sont enchainés sont équivalents à l'action "onclick", ce sont ses deux composantes.

L'action d'effectuer un clic déclenche ces évènements comme suit :
    - l'évènement onmousedown lorsque le bouton de la souris est pressé
    - l'évènement onmouseup ensuite lorsque le bouton est relaché
    - l'évènement onclick finalement qui correspond à la réalisation des deux actions précédentes
      (si le bouton pressé est le gauche)



Exemple d'utilisation pour l'évènement onmouseup :





Ordre de déclencement des évènements lorsqu'un clic de souris est fait :

<input type="button" style="width:150px;" value="Click Me !"
   onmousedown="affichage('mouse down');"
   onmouseup="affichage('mouse up');"
   onclick="affichage('on click');" />

<div id="divAffichage" style="border:solid 1px black; width:150px; height:100px;
   overflow:auto; background-color:#DEDEDE;">
</div>


Le javascript appelé modifie le contenu de la div identifiée par son id

<script type="text/javascript" language="javascript">
//<![CDATA[
function affichage(valeur)
{
   document.getElementById("divAffichage").innerHTML += valeur + "<br/>";
}
//]]>
</script>



Ordre de déclencement des évènements lorsqu'un clic de souris est fait :