évènements

Les évènements

  • Bind ( type,donnees,fonction )

    Permet de lier une action à un évènement particulier. Le gestionnaire d'évènements peut être passé en argument de la fonction à appeler (voir exemple 2). Pour arrêter l'action par défaut et le bouillonnement d'évènement, votre fonction doit retourner "false".

  • Blur ( )

    Déclenche l'évènement qui se produit lorsque l'élément perd le focus. Cela a pour effet de déclencher toutes les fonctions associées à cet évènement pour les élements de la sélection. Pour éviter cette chaine de déclenchement, il surffit d'ajouter un "return false" dans une des fonctions.

  • Blur ( fonction )

    Ajoute une fonction associée à l'évènement blur pour les éléments de la sélection.

  • Change ( fonction )

    Associe une fonction à l'évènement "change" pour chaque élément spécifié. L'évènement "change" est déclenché lorsque le contrôle est modifié. Par exemple lorsque le contenu d'un objet de formulaire est changé et qu'on quitte cet objet, contrairement a l'évènement "blur" qui est déclenché même si l'objet n'a pas été modifié.

  • Click ( )

    Déclenche l'évènement "click" pour chaque élement sélectionné. Toutes les fonctions associées à cet évènement pour les éléments de la sélection seront appelées.

  • Click ( fonction )

    Associe une fonction à l'évènement "click" des élements de la sélection.

  • Dblclick ( fonction )

    Associe une fonction à l'évènement double click des élements de la sélection.

  • Die ( type,fonction )

    Cette fonction est l'inverse de la fonction live(). Elle supprime un évènement lié a un élément. Sans argument, tous les évènements seront supprimées.

    Si un type est spécifié, alors seulement les évènements de ce type seront supprimés.

  • Error ( fonction )

    Associe une fonction à l'évènement erreur de chaque élement de la sélection. Cet évènement est déclenché lorsqu'une erreur se déclenche dans le script.

  • Focus ( )

    Déclenche l'évènement de focus sur les élements spécifiés. Toutes les fonctions associées à cet évènement pour les élements de la sélection seront appelées.

  • Focus ( fonction )

    Associe une fonction a l'évènement focus pour les éléments de la sélection.

  • Hover ( over,out )

    Fonction qui permet la simulation de l'évènement hover (passer la souris sur un élement).

  • Keydown ( fonction )

    Associe une fonction à l'évènement keydown. Cet évènement se déclenche lorsque l'utilisateur presse une touche du clavier.

  • Keypress ( fonction )

    Associe une fonction à l'évènement keypress. Cet évènement se déclenche lorsque l'utilisateur maintient une touche du clavier enfoncée.

  • Keyup ( fonction )

    Associe une fonction à l'évènement keyup des élements spécifiés. Cet évènement se déclenche lorsque l'utilisteur relache une touche du clavier préalablement enfoncée.

  • Live

    Lie un gestionnaire à un évènement pour les éléments sélectionnés.

    Les évènements suportés : click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup.
    Les évènements non suportés: blur, focus, mouseenter, mouseleave, change, submit.

    Cette fonction est similaire a bind(), mais avec quelques différences :

    - live s'applique a tous les éléments repondant au moment de l'appel a la sélection, et a tous ceux qui y répondront par la suite. Par exemple si la fonction cible le click tous les li de la page, live s'appliquera aux li présents. Et si un li est rajouté dans la dom par la suite, alors l'évènement click sur ce nouvel élément sera aussi ciblé. Alors que pour la fonction bind, il faudrait la rééxécuter pour inclure le nouveau li dans la sélection.
    - les évènements live ne se propagent pas de la même manière que les évènements traditionnels et ne peuvent être stoppés en utilisant stopPropagation ou stopImmediatePropagation. Par exemple soit deux évènements liés au click, l'un sur "li a" et l'autre sur "li". Un clic sur le lien dans le LI va déclencher les deux évènements. Simplement car l'appel à $("li").bind("click", fn); declenche l'évènement lors d'un click sur un li ou tout élément fils du li.
    - Les évènements live ne fonctionnent que lorsqu'ils cible des éléments avec un selecteur. Par exemple, ce code marche: $ ( "li a").live(...) mais ce code ne marche pas: $ ( "a", someElement).live(...) ni celyui la: $ ( "a »).parent ().live(...).

  • Load ( fonction )

    Associe une fonction à l'évènement load des élements de la sélection. Cet évènement se déclenche lorsque l'élément en question se charge.

  • Mousedown ( fonction )

    Associe une fonction à l'évènement mousedown pour les élements sélectionnés. L'évènement est déclenché lorsque l'utilisateur presse une touche de la souris.

  • Mouseenter ( fn )

    Exécute une fonction lorsque l'évènement mouseenter est declenché, pour chaque élément de la sélection.

    L'évènement mouseenter se déclanche lorsque le pointeur rentre dans un élément.

  • Mouseleave ( fn )

    Déclenche une fonction qui se déclenche lorsque l'évènement mouseleave est déclenché.


    La différence avec mouseout, vient du fait que l'évènement mouseout est déclenché à chaque fois que le pointeur se déplace vers ou à partir d'un élément fils, a l'inverse de mouse leave, qui ne se déclenche qu'une fois lorsque le pointeur quitte l'élément en cours.
    Il faudra que le curseur se déplace a nouveau dans l'élément puis en ressorte pour que l'évènement mouseleave soit a nouveau déclenché.

  • Mousemove ( fonction )

    Associe une fonction à l'évènement mousemove pour tousl es éléments sélectionnés. Cet évènement se déclenche lorsque le curseur de la souris passe sur l'élement spécifié.

  • Mouseout ( fonction )

    Associe une action à l'évènement "mouseout" pour les élements de la sélection. Cet évènement se déclenche lorsque le curseur de la souris quitte un élément.

  • Mouseover ( fonction )

    Associe une fonction à l'évènement "mouseover". Cet évènement se déclenche lorsque l'utilisteur positionne le curseur de la souris au dessus d'un élement.

  • Mouseup ( fonction )

    Associe une fonction à l'évènement "mouseup" pour les éléments de la sélection. Cet évènement se produit lorsque l'utilisteur relache le bouton de la souris.

  • One ( type,donnees,fonction )

    Associe une fonction à un évènement donné. La différence avec la fonction bind() est que la fonction associée a l'évènement ne sera éxécuté au maximum une fois pour chaque élément de la sélection.

  • Ready ( fonction )

    Permet l'éxécution d'une fonction spécifique une fois le document DOM entièrement chargé, et prêt à être parcourus et manipulé. Cette fonction est l'une des plus importante du module d'évènement, et peut augmenter de manière importante le temps de réponse de vos applications web.

    Assurez vous que vous n'avez pas de code pour le gestionnaire d'évènement onload de la balise <body>, sinon $(document).ready() ne se lancera pas.

  • Resize ( fonction )

    Associe une fonction à l'évènement de modification de la taille d'un élement, pour chaque élement de la sélection.

  • Scroll ( fonction )

    Associe une fonction à l'évènement de déroulement d'un élément, pour chaque élement de la sélection.

  • Select ( )

    Déclenche l'évènement de sélection pour les élements de la sélection. Toutes les fonctions associées à l'évènement seront éxécutées, ainsi la fonction de sélection par défaut du naviguateur pour chacun des élements. Cette dernière action par défaut peut être empechée en retournant "false" dans l'une des fonctions associées à l'évènement de sélection.

  • Select ( fonction )

    Associe une fonction à l'évènement de sélection pour chaque élément de la sélection.

  • Submit ( )

    Déclenche l'évènement d'envoi pour chaque élément de la sélection. Toutes les fonctions associées à l'évènement seront éxécutées, ainsi la fonction d'envoi par défaut du naviguateur pour chacun des élements. Cette dernière action par défaut peut être empechée en retournant "false" dans l'une des fonctions associées à l'évènement d'envoi.

  • Submit ( fonction )

    Associe une fonction à l'évènement d'envoi des élements spécifiés.

  • Toggle ( impair,pair )

    Permet de switcher entre deux fonctions à chaque clic sur les élements de la sélection. Dès que l'un d'entre eux est cliqué, la première fonction est éxécutée, et lors d'un nouveau clic, la seconde sera éxécutée, puis de nouveau la première,etc.

  • Trigger ( type,data )

    Déclenche un évènement particulier pour les élements de la sélection. Cela va aussi déclencher l'action par défaut du naviguateur pour ce type d'évènement (si elle existe). par exemple, utiliser le type d'évènement 'submit' dans la fonction va aussi déclencher l'envoi du formulaire par le naviguateur. Cette action par défaut peut être empechée en retournant "false" dans une des fonctions associées à l'évènement pour un des élements de la sélection.

  • Unbind ( fonction,type )

    L'opposé de la fonction bind, supprime les actions associées à un évènement particulier pour les élements de la sélection. Si aucun argument n'est spécifié, les actions liées à tous les évènements sont supprimées. Si le type est spécifié, seulement les actions liées à ce type d'évènement seront supprimées. Et enfin, si une fonction est passée en second paramètre, seulement les actions du type de la fonction passée en paramètre seront supprimées.

  • Unload ( fonction )

    Associe une fonction à l'évènement qui se déclenche lorsque le naviguateur de l'utilisateur quitte la page en cours, pour les élements de la sélection.