jQuery évènements
Il est possible d'associer une action à un évènement. Par exemple on pourra executer une action lorsque l'utilise clique à un endroit du site, ou survol un élément, ou lorsqu'il scroll, etc.
Syntaxe évènement
$(<element>).<event>(<function>);
Exemple :
$("body").click(function(){ alert(0) });
Liste des évènements les plus utiles:
blur | Lorsque l'on perd le focus |
---|---|
change | Changement de valeur |
click | Click de la souris |
dblclick | Double click |
focus | Lorsque l'on focalise un élément |
hover | Survol de la souris |
keydown | Pression sur une touche |
keyup | Lorsqu'on relache la pression d'une touche |
mousedown | Lorsque l'on presse sur un bouton de la souris |
mouseup | Lorsque l'on relache la pression du click |
ready | Lorsque la page est chargée entièrement |
resize | Lorsque l'on modifie la taille du navigateur |
scroll | Scroll de l'élement |
submit | Envoi du formulaire |
Exécuter la même fonction sur plusieurs évènements
Nous souhaitons exécuter la fonction suivante sur un évènement "click" et "change" :<script> | |
funtion alert_me(){ | |
alert( $(this).val() ); | |
} | |
</script> |
<select id="users"> | |
<option value="1">Olivier</option> | |
<option value="2">Batman</option> | |
</select> | |
<input id="user_perso" type="text" value="Spiderman" /> |
<script> | |
$("#user").change(alert_me); | |
$("#user_perso").keyup(alert_me); | |
</script> |
UNE QUESTION SUR L'ARTICLE?