HTML attribut d'événement onmousedown

Somaire

 Définition et utilisation événement onmousedown

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 onmousedown se déclenche lorsqu'un bouton de la souris est appuyé sur un élément html.
astuce Astuce : L'ordre des événements liés à l'événement onmousedown (pour le bouton gauche/milieu de la souris) :
OnMouseDown
OnMouseUp
OnClick
L'ordre des événements liés à l'événement onmousedown (pour le bouton droit de la souris) :
OnMouseDown
OnMouseUp
OnContextMenu

Remarque : L'attribut onmousedown ne peut pas être utilisé avec : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.

Syntaxe

<element onmousedown="script">
Valeurs d'attribut

Valeur

Description

script

Le script à exécuter sur onmousedown


Exemple Exécuter un JavaScript quand on appuyant sur 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 onmousedown 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