jQuery evento
jQuery è appositamente progettato per il gestore di eventi.
Qual è l'evento?
risposta Pagina a diversi visitatori chiamato eventi.
metodo del gestore dell'evento significa che quando si verificano determinati eventi HTML quando invocato.
esempio:
- Spostare il mouse su un elemento.
- Selezionare il pulsante di opzione
- Clicca elemento
Il termine è spesso usato in caso "trigger" (o "eccitazione"), ad esempio: "trigger event pressione di un tasto, quando si premono i tasti."
eventi DOM comuni:
| 鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
|---|---|---|---|
| click | keypress | submit | load |
| dblclick | keydown | change | resize |
| mouseenter | keyup | focus | scroll |
| mouseleave | blur | unload |
jQuery metodo di evento sintassi
In jQuery, la maggior parte degli eventi DOM hanno un equivalente di metodi jQuery.
Pagina, specificare un evento click:
Il passo successivo è quello di definire gli eventi di trigger che ora. È possibile implementare una funzione di evento:
Dopo il codice !! // azione viene attivata
});
metodo di evento jQuery comunemente usato
$ (Document) .ready ()
metodo $ (document) .ready () ci permette di caricare completamente il documento dopo l'esecuzione della funzione. Il metodo evento nella sintassi jQuery sezione è stata menzionata.
clicca ()
clicca il metodo () quando l'evento pulsante di scatto viene attivato chiama una funzione.
Questa funzione viene eseguita quando l'utente fa clic su un elemento HTML.
Nel seguente esempio, quando si fa clic su un elemento su evento <p> per nascondere l'elemento corrente <p>:
DblClick ()
Quando si fa doppio clic l'elemento, si verifica DoppioClic evento.
DblClick () Metodo evento DblClick grilletto, o una funzione predeterminata da eseguire quando si verifica l'evento dblclick:
MouseEnter ()
Quando il puntatore del mouse attraverso l'elemento, si verifica MouseEnter evento.
MouseEnter () Metodo evento MouseEnter grilletto, o una funzione predeterminata da eseguire quando si verifica l'evento MouseEnter:
mouseLeave ()
Quando il puntatore del mouse lascia l'elemento, si verifica un evento mouseLeave.
mouseLeave () Metodo evento mouseLeave trigger o quando una funzione predeterminata da eseguire quando si verifica l'evento mouseLeave:
MouseDown ()
Quando il puntatore del mouse si muove sopra l'elemento e premendo il pulsante del mouse, si verifica l'evento MouseDown.
mousedown () metodo attiva l'evento MouseDown o la funzione specificata quando si verifica l'esecuzione evento MouseDown:
MouseUp ()
Quando il pulsante del mouse viene rilasciato sopra un elemento, si verifica un evento MouseUp.
MouseUp () Metodo evento MouseUp di innesco, o una funzione predeterminato per eseguire quando si verifica l'evento MouseUp:
hover ()
Metodo hover () viene utilizzato per simulare il cursore passa sopra l'evento.
Quando il mouse si sposta agli elementi, innescherà la prima funzione specificata (MouseEnter), quando il mouse si sposta al largo dell'elemento, innescherà la seconda funzione specificata (mouseLeave).
Esempi
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});
Prova »
messa a fuoco ()
Quando l'elemento si concentrerà, eventi di attivazione si verificano.
Quando un clic del mouse sul elemento o gli elementi selezionati di mira tasto tab, l'elemento sarà al centro.
messa a fuoco () metodo attiva l'evento di messa a fuoco, o una funzione predeterminata da eseguire quando si verifica l'evento di messa a fuoco:
sfocatura ()
Quando l'elemento perde lo stato attivo, si verifica un evento sfocatura.
sfocatura () metodo attiva l'evento sfocatura o la funzione da eseguire quando si verifica un evento predeterminato sfocatura: