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.
Powered by Yoomp


on 07 Nov 2007 at 3:11 pm 1.Fernando escreveu …
Muito bom!!!
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