jQuery Evento
jQuery é especialmente concebido para o manipulador de eventos.
O que é o evento?
resposta de página para diferentes visitantes chamados eventos.
método manipulador de eventos significa que quando certos eventos ocorrem HTML quando invocado.
exemplo:
- Passe o mouse sobre um elemento.
- Selecione o botão de rádio
- Clique elemento
O termo é usado frequentemente no evento "gatilho" (ou "excitação"), por exemplo: "evento de disparo keypress quando você pressiona as teclas."
eventos DOM comuns:
| 鼠标事件 | 键盘事件 | 表单事件 | 文档/窗口事件 |
|---|---|---|---|
| click | keypress | submit | load |
| dblclick | keydown | change | resize |
| mouseenter | keyup | focus | scroll |
| mouseleave | blur | unload |
jQuery sintaxe método de evento
Em jQuery, a maioria dos eventos DOM tem um equivalente de métodos jQuery.
Página, especifique um evento de clique:
O próximo passo é definir eventos de disparo que hora. Você pode implementar uma função de evento:
Depois que o código !! // ação é acionada
});
método de evento jQuery comumente usado
$ (Document) .ready ()
$ (Document) .ready () permite-nos para carregar totalmente o documento após a execução da função. O método do evento na sintaxe jQuery seção foi mencionado.
clique ()
clique método () quando o evento clique de botão é acionado chama uma função.
Esta função é executada quando o usuário clica em um elemento HTML.
No exemplo a seguir, quando você clica em um elemento acionado por eventos <p> para ocultar o elemento atual <p>:
dblclick ()
Quando você clicar duas vezes no elemento, dblclick evento ocorre.
dblclick () evento método dblclick gatilho, ou uma função pré-determinada para ser executado quando o evento ocorre dblclick:
mouseenter ()
Quando o ponteiro do mouse sobre o elemento, mouseenter evento ocorre.
mouseenter () evento método mouseenter gatilho, ou uma função pré-determinada para ser executado quando o evento ocorre mouseenter:
mouseleave ()
Quando o ponteiro do mouse deixa o elemento, evento mouseleave ocorre.
mouseleave () evento método mouseleave gatilho, ou quando uma função pré-determinada para ser executado quando o evento ocorre mouseleave:
mousedown ()
Quando o ponteiro do mouse se move sobre o elemento e pressionando o botão do mouse, o evento mousedown ocorre.
mousedown () método dispara o evento mousedown ou função especificada ao executar evento mousedown ocorre:
mouseup ()
Quando o botão do mouse é solto sobre um elemento, evento mouseup ocorre.
mouseup () evento método mouseup gatilho, ou uma função pré-determinada para executar quando ocorre o evento mouseup:
pairar ()
pairo () é usado para simular o cursor passa sobre o evento.
Quando o mouse se move para os elementos, ele irá acionar a primeira função especificada (mouseenter), quando o mouse se move fora do elemento, ele vai desencadear a segunda função especificada (mouseleave).
Exemplos
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});
tente »
focus ()
Quando o elemento recebe foco, foco eventos ocorrem.
Quando um clique do mouse sobre o elemento ou elementos seleccionados, visando tecla tab, o elemento será o foco.
focus () método dispara o evento de foco, ou uma função pré-determinada para executar quando ocorre o evento de foco:
blur ()
Quando o elemento perde o foco, evento borrão ocorre.
blur () método dispara o evento ou função borrão para ser executado quando um evento predeterminado ocorre borrão: