Extrait de cours
Les événements des objets window et document :
- ready() : lorsque le DOM est entièrement construit.
- Remarque : load() et unload() sont dépréciés.
- resize() : lorsque la fenêtre du navigateur est redimensionnée.
- scroll() : lorsque l’utilisateur commence à défiler le contenu avec la barre de défilement.
- error() : lorsque le navigateur reçoit une erreur HTTP.
Attacher des gestionnaires d’événements :
3 façons de faire :
bind() :
$(window).bind(’unload’, function() {alert(’Bye bye’)});
Est équivalent à (maintenant déprécié) :
$(window).unload(function() {alert(’Bye bye’)});
on() :
$(window).on(’unload’, function() {alert(’Bye bye’)});
Remarque :
live() est dépréciée.
delegate() :
$(‘ul’).delegate(‘li’,’click’, function() {
$(‘ul’).append(‘
- autre
‘);
});
Les événements de souris :
- click() : lorsqu’on clique (appuie puis relâche le bouton de souris) sur l’élément.
- dblclick() : lorsqu’on double-clique sur l’élément.
- mouseover() et mouseenter() : lorsque le pointeur de souris survole l’élément.
- mouseout() et mouseleave():lorsque le pointeur de souris sort de l’élément.
- mousedown() : lorsqu’on enfonce un bouton de la souris sur l’élément.
- mouseup() : lorsqu’on relâche un bouton de la souris sur l’élément.
- mousemove() : lorsqu’on déplace la souris sur l’élément.
Les événements de clavier :
- keydown() : lorsqu’on enfonce une touche du clavier.
- keypress() : lorsqu’on pèse sur une touche.
- keyup(): lorsqu’on relâche une touche du clavier.
Profitez de ce manuel de formation en PDF pour comprendre mieux le JQuery et enrichir votre connaissance.
Commencez à télécharger ce cours adapté pour vous et à apprendre JQuery.
A. Toudeft
jQuery – Les événements
Les événements des objets window et document :
read y() : lorsque le DOM est entièrement construit .
Remarque : load() et unload() sont dépréciés.
resize() : lorsque la fenêtre du navigateur est redimensionnée .
scroll() : lorsque l’utilisateur commence à défiler le contenu avec la barre de défilement .
error() : lorsque le navigateur reçoit une erreur HTTP .
Attacher des gestionnaires d’événements :
3 façons de faire :
bind() :
$(window). bind (’unload’, function() {alert(’BHEe’)});
Est équivalent à (maintenant déprécié ) :
$(window).unload (function() {alert(’BHEe’)});
on () :
$(window). on (’unload’, function() {alert(’BHEe’)});
Remarque :
live() est dépréciée.
delegate() :
$(‘ul’). delegate (‘li’,’click’, function() {
$(‘ul’). append(‘
‘);
});
Les événements de souris :
click() : lorsqu’on clique (appuie puis relâche le bouton de souris) sur l’élément .
dblclick() : lorsqu’on double -clique sur l’élément .
mouseover() et mouseenter() : lorsque le pointeur de souris survole l’élément .
mouseout( ) et mouseleave() :lorsque le pointeur de souris sort de l’élément .
mousedown() : lorsqu’on enfonce un bouton de la souris sur l’élément .
mouseup() : lorsqu’on relâche un bouton de la souris sur l’élément .
mo usemove () : lorsqu’on déplace la souris sur l’élément .
Les événements de clavier :
keydown() : lorsqu’on enfonce une touche du clavier .
keypress() : lorsqu’on pèse sur une touche .
keyup() : lorsqu’on relâche une touche du clavier .
Les événements jQuery : http://api.jquery.com/category/events/