Jump to content


Photo

Pequeno Tutorial De Eventos


  • Faça o login para participar
4 replies to this topic

#1 Dash

Dash

    :: Duodraco ::

  • Usuários
  • 173 posts
  • Sexo:Não informado
  • Localidade:Grande São Paulo

Posted 12/06/2003, 08:45

Sintaxe para se usar os eventos:
<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...
When the dragon flies and cries,
their tears become the tempest..


Visite:
Draco

Come with me....
Future World

#2 lucas souza

lucas souza
  • Visitantes

Posted 13/06/2003, 02:13

Parabéns Dash. É desse tipo de tutorial que eu preciso. Últimamente tô estudando DHTML e fico muito perdido com o significado desses termos. Principalmente, porque os melhores sites de tutorial são em inglês.
Tu não faz idéia como esses tutoriais são úteis.
Tenho um monte desses salvos no meu pc que peguei do fórum. :lol:
Valew.

FLW pru C. :ph34r:

#3 GrEeNdAy

GrEeNdAy

    Turista

  • Usuários
  • 56 posts
  • Sexo:Não informado

Posted 17/06/2003, 11:30

Falow garoto!
Muito bom este tutorial, porém eu gostaria que vc postasse também um exemplo usando: ...

onKeyDown

onKeyUp

e

onKeyPress

se não for pedir muito!

falow!
Parabéns!
"Estude, não com o objetivo de passar, mas de se tornar o melhor!"
Visite o meu site Leo Web Page

#4 lucas souza

lucas souza
  • Visitantes

Posted 19/06/2003, 18:44

Falow garoto!

Muito bom este tutorial, porém eu gostaria que vc postasse também um exemplo usando: ...

onKeyDown

onKeyUp

e

onKeyPress

se não for pedir muito!

falow!
Parabéns!

Teve um exemplo de onKeyDown na seção de java-script tempo atras q gostei bastante.
http://forum.wmonlin...=ST&f=9&t=21170

É um bom exemplo porque tb tem os códigos das teclas.

FLW pru C. :ph34r:

#5 Wagner Bianchi

Wagner Bianchi

    SQL MAGAZINE

  • Usuários
  • 323 posts
  • Sexo:Não informado
  • Localidade:Belo Horizonte/MG
  • Interesses:MySQL, PHP, XML, JAVA SCRIPT, DHTML, LINUX, C, C++

Posted 26/09/2003, 10:32

UUUUUUUUUUUUUU, :D

Valeu velhoooooo, estava quebrando a head aqui maluco. . .por. . .muito bom, bom mesmo. . .estava com problemas em colocar aqueles botões xxxxxx que são feitos no XARÁ, que tem mouseover saca? :lol:


Valeu pelo tutorial. . . (y) :D (y)

Wagner Bianchi. . . (y)
<?php

$know_that = "para aprender";
$reason = "DEUS";
$greeting = "Muito prazer, sou Wagner Bianchi!";
$mail = "wagnerbianchi@yahoo.com.br";
echo "Tenha " . $reason . " e humildade " . $know_that . "!<BR>";
echo "$greeting<BR>";
echo "$mail<BR>";

?>




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq