<tag onEvento="evento(geralmente em javascript)">
Os eventos possíveis são:
-Para a maioria dos elementos HTML(img, div, span...)
onClick - Ao clicar
onDblClick - Ao clicar duas vezes
onKeyDown - Ao pressionar uma tecla e enquanto deixá-la pressionada
onKeyPress - Ao simplesmente pressionar uma tecla
onKeyUp - Ao soltar uma tecla pressionada
onMouseDown - ao deixar o botão do mouse pressionado
onMouseMove - ao mover o mouse
onMouseOut - ao tirar o mouse de cima do objeto
onMouseOver - com o mouse sobre o objeto
onMouseUp - ao soltar o botao do mouse
-Os eventos abaixo se aplicam em elementos de formulários
onBlur - ao perder foco(ex.: ao deixar um campo texto, ao apertar tab)
onChange - ao perder foco e houver alteração de conteúdo
onFocus - ao receber foco(quando o cursor de digitação estiver no elemento)
onSelect - ao selecionar o conteúdo do elemento
-Os eventos abaixo funcionam somente na tag <form>
onSubmit - ao enviar
onReset - ao limpar os campos com o botão reset
Um exemplo para criar <img> sensíveis ao passar do mouse, para links por exemplo:
<img src='figura1.jpg' onMouseOver='this.src="figura2.jpg"' onMouseOut='this.src="figura1.jpg"'>isto faz com que a img com figura1.jpg como src(source/origem) tenha como src figura2.jpg ao evento do mouse sobre a imagem, e ao evento do mouse sair ele retorna o src original
um exemplo útil em formulários, quando vc quer deixar um texto em uma textarea e quando o visitante for para esse campo ele já estar presionado para que o visitante não apague manualmente o que está escrito:
<textarea onFocus="this.select()">Texto na textarea</textarea>
e no evento de tag <form> vamos fazer o seguinte: abrir uma caixa de confirmação para o usuário conferir os dados. primeiro no head criamos uma função em java script:
<script> function confere(){ conf=confirm("Os Dados estão corretos?"); if(conf==0){ return false } } </script>agora na tag <form> a gente acrescenta isso:
<form action(...) onSubmit="return confere()">
Espero ter ajudado...