jQuery événement
jQuery est spécialement conçu pour le gestionnaire d'événements.
Quel est l'événement?
réponse de page à différents visiteurs appelé événements.
signifie méthode de gestionnaire d'événement que lorsque certains événements se produisent HTML lorsqu'il est invoqué.
exemple:
- Déplacez la souris sur un élément.
- Sélectionnez le bouton radio
- Cliquez sur l'élément
Le terme est souvent utilisé dans l'événement «déclencheur» (ou «excitation»), par exemple: «événement déclencheur keypress lorsque vous appuyez sur les touches."
événements DOM communs:
| 鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
|---|---|---|---|
| click | keypress | submit | load |
| dblclick | keydown | change | resize |
| mouseenter | keyup | focus | scroll |
| mouseleave | blur | unload |
jQuery méthode d'événement syntaxe
En jQuery, la plupart des événements DOM ont un équivalent de méthodes jQuery.
Page, spécifiez un événement de clic:
L'étape suivante consiste à définir les événements de déclenchement que de temps. Vous pouvez mettre en œuvre une fonction d'événement:
Une fois le code !! // action est déclenchée
});
Couramment utilisé la méthode de l'événement jQuery
$ (Document) .ready ()
méthode $ (document) .ready () nous permet de charger complètement le document après l'exécution de la fonction. La méthode de l' événement dans la syntaxe jQuery section a été mentionnée.
cliquez sur ()
cliquez sur la méthode () lorsque l'événement bouton de clic est déclenché appelle une fonction.
Cette fonction est exécutée lorsque l'utilisateur clique sur un élément HTML.
Dans l'exemple suivant, lorsque vous cliquez sur un élément <p> déclenché par un événement pour cacher la <p> élément courant:
dblclick ()
Lorsque vous double-cliquez sur l'élément, dblclick événement se produit.
dblclick () événement méthode dblclick de déclenchement, ou une fonction prédéterminée à exécuter lorsque l'événement se produit dblclick:
mouseenter ()
Lorsque le pointeur de la souris sur l'élément, mouseenter événement se produit.
mouseenter () événement méthode mouseenter de déclenchement, ou une fonction prédéterminée à exécuter lorsque l'événement se produit mouseenter:
mouseleave ()
Lorsque le pointeur de la souris quitte l'élément, événement mouseleave se produit.
mouseleave () événement méthode mouseleave de déclenchement, ou quand une fonction prédéterminée à exécuter lorsque l'événement se produit mouseleave:
mousedown ()
Lorsque le pointeur de la souris se déplace sur l'élément et en appuyant sur le bouton de la souris, l'événement mousedown se produit.
mousedown () méthode déclenche l'événement mousedown ou fonction spécifiée lors de l'exécution de l'événement mousedown se produit:
mouseup ()
Lorsque le bouton de la souris est relâché sur un élément, un événement mouseup se produit.
mouseup () événement méthode mouseup de déclenchement, ou une fonction prédéterminée à exécuter lorsque l'événement se produit mouseup:
hover ()
méthode hover () est utilisée pour simuler le curseur survole l'événement.
Lorsque la souris se déplace vers les éléments, il va déclencher la première fonction spécifiée (mouseenter), quand la souris se déplace hors de l'élément, il va déclencher la deuxième fonction spécifiée (mouseleave).
Exemples
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});
Essayez »
mise au point ()
Lorsque l'élément reçoit le focus, les événements de discussion se produisent.
Quand un clic de souris sur l'élément ou les éléments sélectionnés en ciblant la touche de tabulation, l'élément sera la mise au point.
focus () méthode déclenche l'événement de mise au point, ou une fonction prédéterminée à exécuter lorsque l'événement se produit mise au point:
blur ()
Lorsque l'élément perd le focus, l'événement de flou se produit.
blur () méthode déclenche l'événement ou de la fonction de flou à courir quand un événement prédéterminé se produit flou: