19 août

Joof – Les évènements

Sommaire

Création

  1. Event.add(htmlElement, event, function);

Exemple :

  1. Event.add(document, "domready", initialize);
  2.  
  3. function initialize(e){
  4.    Event.add("monBouton", "click", clickSurBouton);
  5. }
  6.  
  7. function clickSurBouton(e){
  8.    alert("Click !");
  9. }

Suppression

  1. Event.remove(htmlElement, event, function);

Récupération de l’élément ciblé

  1. Event.getElement(eventHandler);

Exemple :

  1. $$("a").each(function(lien){
  2.    Event.add(lien, "click", afficherHref);
  3. });
  4.  
  5. function afficherHref(e){
  6.    var lien = Event.getElement(e);
  7.    alert(lien.href);
  8. }

Annulation de l’action par défaut

  1. Event.cancel(eventHandler);

Stopper la propagation

  1. Event.stop(eventHandler);

Récupérer la position du curseur

  1. Event.getCursorPosition(eventHandler); // retourne {x, y}
  2. Event.getCursorX(eventHandler);
  3. Event.getCursorY(eventHandler);

Récupérer le code de la touche du clavier

  1. Event.getKey(eventHandler);

Exemple :

  1. Event.add("monChamp", "keypress", verifierTouche);
  2.  
  3. function verifierTouche(e){
  4.    if(Event.getKey(e) == 13){
  5.       alert("Vous avez appuyé sur la touche ‘Entrée’");
  6.    }
  7. }

Récupérer la direction de la molette de la souris

  1. Event.getWheelDelta(eventHandler); // retourne -1 si bas, 1 si haut
  2. Event.isWheelUp(eventHandler); // retourne true si haut, false dans le cas contraire
  3. Event.isWheelDown(eventHandler); // retourne true si bas, false dans le cas contraire
Sébastien D. Javascript, Joof

CHARGEMENT

Veuillez patienter ...