Accueil    HTML    Evenement onmousedown
 



Evenement onmousedown  HTML Evenement onmousedown : bouton de souris appuyé sur une balise html

«  Partie précédente  |  Index  |  Partie suivante  »


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

Cette action est différente du "onclick" qui est éxécutéé si le relachement du bouton est effectué. 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 onmousedown :





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 :