évènements: fonction bind

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".

Le bouillonnement d'évènement est le phénomène qui fait remonter un évènement chez tous les parents de l'objet touché, ce qui peut dans certains cas, considérablement diminuer les performances du système.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • type (String): type de l'évènement
  • donnees (Objet): (optionnel) données supplémentaires passée au gestionnaire d'évènement accessible avec event.data
  • fonction (fonction): fonction liée a l'évènement

Valeur de retour: objet jQuery

Exemple 1:

Empêche simplement le bouillonnement d'évènement en utilisant la méthode stopPropagation.

$("form").bind("submit", function(event){
event.stopPropagation();
 });
Exemple 2: 
$("p").bind("click", function(){
   alert( $(this).text() );
 });

Code de test: 

<p>Hello</p>

Résultat: 

alert("Hello")
Exemple 3:

Ajoute une donnée supplémentaire au gestionnaire d'évènement.

function handler(event) {
   alert(event.data.foo);
 }
 $("p").bind("click", {foo: "bar"}, handler)

Résultat: 

alert("bar")
Exemple 4:

Annule une action par défaut et empêche le bouillonnement d'évènements en retournant "false".

$("form").bind("submit", function() { return false; })

0 Commentaire (afficher/poster)