Este artigo trata das funções do jQuery relacionadas com tratamento de eventos. Estas funções, conjuntamente com as funções jQuery de seleção, são as mais importantes para desenvolvimento de interfaces de aplicações web. Veja os outros artigos sobre jQuery.

Carga da página

  • ready(função):jQuery. Define uma função a ser executada quado o DOM estiver pronto para ser navegado e manipulado. Pode ser interpretado como o momento no qual a página foi carregada, sendo utilizada como equivalente ao evento onLoad.

Controle de eventos

  • bind(tipo, [dados], função):jQuery. Relaciona uma função a um ou mais eventos para cada elemento selecionado. É admissível o uso dos eventos blur, focus, load, resize, scroll, unload, beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error e ready.
  • one(tipo, [dados], função):jQuery. Relaciona uma função a um ou mais eventos para cada elemento selecionado. Entretanto esta função será executada somente uma vez.
  • trigger(evento, [dados]):jQuery. Dispara um evento em cada elemento selecionado.
  • triggerHandler(evento, [dados]):Object. Dispara os eventos associados a um elemento. Contudo, as ações-padrão do nevegador não são executadas.
  • unbind([tipo], [função]):jQuery. Oposto ao bind.

Eventos em ação

  • live(tipo, função):jQuery. Relaciona uma função a um evento para todos os elementos selecionados, tanto atuais como futuros.
  • die(tipo, função):jQuery. Oposto ao live.

Auxiliares de Interação

  • hover(over, out):jQuery. Tratamento do evento de passagem do mouse sobre um elemento.
  • toggle(função, função2, função3,função4,…):jQuery. Troca entre duas ou mais funções chamadas para um elemento.

Auxiliares de eventos

  • blur():jQuery. Dispara o evento blur (perda de foco) para cada elemento selecionado.
  • blur(função):jQuery. Associa uma função ao evento blur (perda de foco) para cada elemento selecionado.
  • change():jQuery. Dispara o evento change (alteração) para cada elemento selecionado.
  • change(função):jQuery. Associa uma função ao evento change (alteração) para cada elemento selecionado.
  • click():jQuery. Dispara o evento click (clique) para cada elemento selecionado.
  • click(função):jQuery. Associa uma função ao evento click (clique) para cada elemento selecionado.
  • dblclick():jQuery. Dispara o evento dblclick (duplo clique) para cada elemento selecionado.
  • dblclick(função):jQuery. Associa uma função ao evento dblclick (duplo clique) para cada elemento selecionado.
  • error():jQuery. Dispara o evento error (erro) para cada elemento selecionado.
  • error(função):jQuery. Associa uma função ao evento error (erro) para cada elemento selecionado.
  • focus():jQuery. Dispara o evento focus (foco) para cada elemento selecionado.
  • focus(função):jQuery. Associa uma função ao evento focus (foco) para cada elemento selecionado.
  • keydown():jQuery. Dispara o evento keydown (pressão sobre uma tecla) para cada elemento selecionado.
  • keydown(função):jQuery. Associa uma função ao evento keydown (pressão sobre uma tecla) para cada elemento selecionado.
  • keypress():jQuery. Dispara o evento keypress (pressão sobre uma tecla e sua liberação) para cada elemento selecionado.
  • keypress(função):jQuery. Associa uma função ao evento keypress (pressão sobre uma tecla e sua liberação) para cada elemento selecionado.
  • keyup():jQuery. Dispara o evento keyup (liberação de tecla) para cada elemento selecionado.
  • keyup(função):jQuery. Associa uma função ao evento keyup (liberação de tecla) para cada elemento selecionado.
  • load(função):jQuery. Associa uma função ao evento load (carregamento) para cada elemento selecionado.
  • mousedown(função):jQuery. Associa uma função ao evento mousedown (pressão do botão do mouse) para cada elemento selecionado.
  • mouseenter(função):jQuery. Associa uma função ao evento mouseenter (mouse passa a estar sobre um elemento) para cada elemento selecionado.
  • mouseleave(função):jQuery. Associa uma função ao evento mouseleave (mouse deixa de estar sobre um elemento) para cada elemento selecionado.
  • mousemove(função):jQuery. Associa uma função ao evento mousemove (movimentação do mouse) para cada elemento selecionado.
  • mouseout(função):jQuery. Associa uma função ao evento mouseout (mouse deixa de estar sobre um elemento) para cada elemento selecionado. Mouseout dispara quando o ponteiro do mouse “entra” ou “sai” de um elemento-filho, enquanto o mouseleave não.
  • mouseover(função):jQuery. Associa uma função ao evento mouseover (mouse passa a estar sobre um elemento) para cada elemento selecionado. Mouseover dispara quando o ponteiro do mouse “entra” ou “sai” de um elemento-filho, enquanto o mouseenter não.
  • mouseup(função):jQuery. Associa uma função ao evento mouseup (liberação do botão do mouse) para cada elemento selecionado.
  • resize(função):jQuery. Associa uma função ao evento resize (redimensionamento) para cada elemento selecionado.
  • scroll(função):jQuery. Associa uma função ao evento scroll (rolagem) para cada elemento selecionado.
  • select():jQuery. Dispara o evento select (seleção) para cada elemento selecionado.
  • select(função):jQuery. Associa uma função ao evento select (seleção) para cada elemento selecionado.
  • submit():jQuery. Dispara o evento submit (envio de dados de formulário) para cada elemento selecionado.
  • submit(função):jQuery. Associa uma função ao evento submit (envio de dados de formulário) para cada elemento selecionado.
  • unload(função):jQuery. Associa uma função ao evento unload (descarregamento) para cada elemento selecionado.

Exemplos de uso destas funções podem ser encontrados na página de eventos da documentação do jQuery.


Enviar artigo pelo Twitter