L'Altruiste : Le Javascript

Event représente un événement sur un objet.

Compatibilité

Disponibilité

Javascript 1.2

Synopsis

//argument du gestionnaire d'événement sous Netscape.
function handler(event) {...}

//propriété de l'objet window avec Explorer.
window.event

Propriétés

Pour Netscape :
data	retourne un tableau de chaînes de caractères contenant les URL des objets déposés avec l'événement Drag and Drop.
height	représente la hauteur de la fenêtre ou du cadre.
layerX	représente la coordonnée X au sein d'un calque (Layer).
layerY	représente la coordonnée Y au sein d'un calque (Layer).
modifiers	chaîne de caractères spécifiant la modification de clés associée à un événement de souris ou de clavier. Les valeurs sont : ALT_MASK, CONTROL_MASK, SHIFT_MASK, and META_MASK.
pageX	nombre spécifiant la position horizontale du curseur en pixels par rapport à la page.
pageY	nombre spécifiant la position verticale du curseur en pixels par rapport à la page.
target	chaîne de caractères représentant l'objet sur lequel l'événement a eu lieu.
which	nombre spécifiant quel bouton de souris a été pressé ou la valeur ASCII d'une touche de clavier pressée.
width	représente la largeur de la fenêtre ou du cadre.

Pour Explorer :
altKey	détermine si la touche Alt était pressée lors de l'événement.
button	détermine le bouton de la souris pressée lors de l'événement.
cancelBubble	arrête la propagation de l'événement.
clientX	nombre spécifiant la position horizontale du curseur en pixels par rapport à la page.
clientY	nombre spécifiant la position verticale du curseur en pixels par rapport à la page.
ctrlKey	détermine si la touche Ctrl était pressée lors de l'événement.
fromElement	représente l'objet source d'un déplacement de la souris.
keyCode	détermine l'encodage Unicode de la touche pressée.
offsetX	coordonnée horizontale de l'événement en position relative par rapport au conteneur.
offsetY	coordonnée verticale de l'événement en position relative par rapport au conteneur.
reason	représente l'état d'un transfert de données.
returnValue	indique la valeur de retour pour le gestionnaire d'événement.
shiftKey	détermine si la touche Shift était pressée lors de l'événement.
srcElement	indique l'objet sur lequel l'événement s'est produit.
srcFilter	indique le filtre qui a changé.
toElement	indique l'objet de destination d'un déplacement de souris.

Commun :
screenX	nombre spécifiant la position horizontale du curseur en pixels par rapport à l'écran.
screenY	nombre spécifiant la position verticale du curseur en pixels par rapport à l'écran.
type	chaîne de caratères représentant le type de l'événement.
x	identique à layerX.
y	identique à layerY.

Exemple [voir]

<html>
  <head>
    <script language=Javascript>
      function clavier_ie() //pour Explorer 
      { 
        document.test.zone_clavier.value = "Code Touche= "
                    + event.keyCode + ' Carac.= '
                    + String.fromCharCode(event.keyCode);
      }

      function souris_ie()//pour Explorer
      { 
        var val="";
        document.test.zone_souris.value = event.type
                                + ' ' + event.x 
                                + '  ' + event.y;
      }

      function clavier(e) //pour Netscape
      {
        document.test.zone_clavier.value = "Code ASCII= "
                          + e.which + ' Carac.= '
                          + String.fromCharCode(e.which);
      }

      function souris(e) //pour Netscape
      {
        document.test.zone_souris.value = e.type
                                + '  ' + e.x
                                + '  ' + e.y;
      }

      document.onKeyPress = clavier; // pour Netscape
      document.onClick = souris ; // pour Netscape
    </script>
  </head>
  <body 
              onKeyDown="clavier_ie()" 
              onMouseDown="souris_ie()" 
              onMouseMove="souris_ie()">
    <form name="test">
      <input type="text" name="zone_souris" size=20><br>
      <input type="text" name="zone_clavier" size=30>
    </form>
  </body>
</html>

En savoir plus :