Diferença entre .mouseover() e .hover()

[Thiago Santos]

Pessoal,

Podem me explicar a diferença entre esses dois eventos? Não consegui entender direito qual a diferença.

Fiz ma interação aqui bem simples usando o .mouseover() que por alguma razão ocorria um probleminha, e que resovi substituindo com o .hover()

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
Linked In: http://br.linkedin.com/in/tigurio/pt
________________________________________

[Rael Max]

http://api.jquery.com/mouseover/

http://api.jquery.com/hover/

Boa leitura, amigo. :)

2011/9/6 Thiago Santos <tig...@gmail.com>

--
Grupo de jQuery Brasil.
 
REGRAS: http://groups.google.com/group/jquery-br/web/regras-do-grupo
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

--
Rael Max
Desenvolvedor Web.
<contato at raelmax.com>

[Thiago Santos]

Rael, eu li e por conta disso que no e-mail eu falei que "não consegui entender direito". Se não pode ajudar na explicação, deixe como está!

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
Linked In: http://br.linkedin.com/in/tigurio/pt
________________________________________

2011/9/6 Rael Max <ozkon...@gmail.com>

[Rael Max]

Olá Thiago, desculpe não li o email com atenção, não me leve à mal. :)

[Rodrigo Cesar Nascimento]

cara... para mim a diferença básica entre os dois é que o .hover é um método que executa os dois eventos: mouseenter e mouseleave. já o mouseover executa somente um.

.hover: "Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements."

.mouseover: "Bind an event handler to the "mouseover" JavaScript event, or trigger that event on an element."

2011/9/6 Thiago Santos <tig...@gmail.com>

--
[]'s
Rodrigo César Costa do Nascimento
Se queres viver e comer como um cão, podes ir dormir lá para fora. Se queres viver como um ser humano, pega esse hashi! (Pai Mei)

[Leonardo Balter]

hover é para trabalhar com a entrada e saída do mouse.

mouseover é pra pegar o evento de entrada do mouse sobre o elemento, é um evento padrão do javascript.

Particularmente gosto de trabalhar com o hover e detectar o tipo do evento capturado (mouseenter e mouseleave). Mas para algo curto o mouseover serve bem.

[Gustavo Cruz]

Quanta gentileza do pessoal aqui no grupo.... tá ficando feia a coisa.

Brother...mouseover dispara quando o cara aponta o mouse em cima de um elemento. O hover pode disparar tanto quando o cara poe o mouse por cima, tanto quando ele tira o mouse do elemento. 

[Leonardo Balter]

vai começar de novo...

[Thiago Santos]

Gustavo, blz, mas por exemplo o mouseover se eu atribuir um slideToggle ele dispara uma ação quando eu tiro o cursor dele tb!

Essa é uma das questões que me fez ficar na dúvida... pelo que vi acho que o melhor é trabalhar com o .hover() mesmo, ou alguém aí vai contra isso? hehehe

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
Linked In: http://br.linkedin.com/in/tigurio/pt
________________________________________

2011/9/6 Leonardo Balter <leonard...@gmail.com>

[Rodrigo Cesar Nascimento]

então o seu problema não é com o mouseover e sim com o slideToggle. o sr deu uma olhada na documentação sobre o que o slideToggle faz? se você passar o mouse uma vez ele vai abaixar, se passar uma segunda vez ele vai subir.

http://jsbin.com/uvuhuh/edit#javascript,html

2011/9/6 Thiago Santos <tig...@gmail.com>

--

[Gustavo Cruz]

Tiago...normalmente isso não acontece. Já conferiu se a div pai não tá com evento tbm não? 

Mouseover é só quando aponta o mouse em cima.... o que dispara quando tira o mouse é o mouseout. 

Lembrando que se você div dentro de div....as div´s filhas também herdam o evento... No exemplo do jquery mostra isso acontecendo....

[Thiago Santos]

Rodrigo, eu sei que o slideToggle faz e desfaz o evento (slide)... por isso usei mouseover acompanhado do slidetoggle, pra n ter que usar o mouseout e assim simplificar o script!

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
Linked In: http://br.linkedin.com/in/tigurio/pt
________________________________________

2011/9/6 Gustavo Cruz <gfcm...@gmail.com>

[Rodrigo Cesar Nascimento]

tá, mas perguntei isso pela sua afirmaçao: "Gustavo, blz, mas por exemplo o mouseover se eu atribuir um slideToggle ele dispara uma ação quando eu tiro o cursor dele tb!". pareceu que não sabia o que acontecia. mas de boua. sanou as dúvidas?

2011/9/6 Thiago Santos <tig...@gmail.com>

--

[Thiago Santos]

Partindo do princípio que o resultado final de ambos é praticamente o mesmo, e que minha experiência com o .mouseover() n foi das melhores no momento, vou buscar sempre o .hover() em primeiro lugar pra resolver meus problemas... hahahaha

Valeu galera!

Atc,
Thiago Santos
www.tigurio.com.br
______________________

MSN: tig...@gmail.com
GTalk: tig...@gmail.com
Twitter: twitter.com/tigurio
Skype: tigurio
Facebook: http://www.facebook.com/tigurio
Linked In: http://br.linkedin.com/in/tigurio/pt
________________________________________

2011/9/6 Rodrigo Cesar Nascimento <rodr...@gmail.com>