Chargement...

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:
blurLorsque l'on perd le focus
changeChangement de valeur
clickClick de la souris
dblclickDouble click
focusLorsque l'on focalise un élément
hoverSurvol de la souris
keydownPression sur une touche
keyupLorsqu'on relache la pression d'une touche
mousedownLorsque l'on presse sur un bouton de la souris
mouseupLorsque l'on relache la pression du click
readyLorsque la page est chargée entièrement
resizeLorsque l'on modifie la taille du navigateur
scrollScroll de l'élement
submitEnvoi 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>
Sur les éléments suivants:
<select id="users">
<option value="1">Olivier</option>
<option value="2">Batman</option>
</select>
<input id="user_perso" type="text" value="Spiderman" />
Association évènement / élément :
<script>
$("#user").change(alert_me);
$("#user_perso").keyup(alert_me);
</script>
Résultat :



UNE QUESTION SUR L'ARTICLE?


CSSW Apprendre à créer son site web CSSW