Javascript 07 Nov 2007 12:33 pm

Trabalhando com eventos no Javascript II

Este post é um complemento deste post:
Trabalhando com eventos no javascript

Neste primeiro exemplo expliquei o que são eventos em javascript, como são geridos e dei alguns exemplos.

Agora chegou a hora de explicar de forma mais detalhada os eventos para alguns objetos específicos, nos aprofundar um pouco mais no tema.
Podemos dizer que o Javascript trabalha basicamente com 5 tipos de eventos, form, image, image map, link, e window events.
Estes eventos devem vir sempre associados a tags HTML.

Vamos detalhar um pouco cada um então:

Image Events - Eventos de imagem

  • abort - Quando o usuário cancela a acção.
  • error - Quando ocorre um erro.
  • load - Quando o objeto for completamente carregado.

Image Map Events - Eventos de Mapa de imagens

  • mouseOut - O mouse esta saiu do link mapeado.
  • mouseOver - O mouse esta sobre o link mapeado.

Form Events - Eventos de Formulário

  • blur - Quando o campo perde o foco.
  • change - Se foi modificado é ativado ao perder o foco.
  • focus - Quando o campo recebe foco.
  • reset - Quando o formulário é limpo.
  • select - Quando algum texto for selecionado
  • submit - Quando um formulário é enviado.

Link Events - Eventos de ancora

  • click - Um objeto foi clicado
  • mouseOut - O mouse esta sobre o objeto
  • mouseOver - O mouse saiu de cima do objeto

Window Events - Eventos de Janela

  • blur - Perdeu o foco da janela.
  • error - Um erro ocorreu.
  • focus - A janela recebeu o foco.
  • load - A janela foi carregada.
  • unload - O objeto foi fechado.

Estes são boa parte dos eventos possíveis, que podem ser associados a diversos objetos do documento, todos devem ser usados indicando que aguarda que o evento aconteça, para tanto, basta inserir “on” a frente do nome do evento.

Por exemplo, se quiser pegar quando ocorre um erro com o evento “error”, basta usar dentro do objeto:
onerror=’codigojavascript’

Peço desculpas pela falta de posts, em breve pretendo voltar a ter a frequência de antes, mas preciso terminar algumas coisas antes por aqui.

Mas não deixarei de postar, sempre que surgir um idéia diferente e sobrar um tempinho estarei aqui.

Caso tenham alguma duvida sobre algo, ou tenham algo que precisam e não conseguirem fazer sintam-se a vontade para perguntar aqui no blog, ou enviar um email.

Sempre que possível ajudarei.


Posts Recentes
Powered by Yoomp

3 comentários em “Trabalhando com eventos no Javascript II”

  1. on 07 Nov 2007 at 3:11 pm 1.Fernando escreveu …

    Muito bom!!!

  2. on 08 Nov 2007 at 7:23 am 2.Alfredo escreveu …

    Legal Rodrigo, bom guia, mas só lembrando uma coisa:
    Todos os eventos de chamada em tags HTML devem ser escritos em SEMPRE EM MINÚSCULO, sem caso ex:

    Certo: teste
    Errado: teste

    Isso para fins de compatibilidade com o XHTML, um bom lugar pra saber mais sobre este assuntos é http://developer.mozilla.org

    Abraço,
    Alfredo

Trackback para este Post | Assine o Feed RSS dos comentários

Comente