Foros del Web » Programando para Internet » Jquery »

Controlar dos eventos con una función Jquery

Estas en el tema de Controlar dos eventos con una función Jquery en el foro de Jquery en Foros del Web. Como puedo hacer un cambio en un elemento al hacer mouseover y despues dejarlo igual al hacer mouseout...
  #1 (permalink)  
Antiguo 17/01/2016, 13:51
 
Fecha de Ingreso: mayo-2013
Mensajes: 75
Antigüedad: 11 años, 2 meses
Puntos: 0
Controlar dos eventos con una función Jquery

Como puedo hacer un cambio en un elemento al hacer mouseover y despues dejarlo igual al hacer mouseout
  #2 (permalink)  
Antiguo 17/01/2016, 17:35
3nr1c
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Controlar dos eventos con una función Jquery

Depende del cambio que quieras hacer... Pero por lo general será hacer el cambio (supongo que de css) dentro de un handler de mouseover y deshacer el css en mouseout. Ayudaría saber qué cambio quieres hacer ;)

Un saludo
  #3 (permalink)  
Antiguo 17/01/2016, 23:03
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 8 meses
Puntos: 977
Respuesta: Controlar dos eventos con una función Jquery

Utiliza el método .hover(), el cual utiliza los eventos mouseenter y mouseleave:
Código Javascript:
Ver original
  1. $("selector").hover(function(){
  2.     //Mouse enter
  3. }, function(){
  4.     //Mouse leave
  5. });

También puedes encadenar métodos:
Código Javascript:
Ver original
  1. $("selector")
  2.         .mouseover(function(){
  3.             //Mouse over
  4.         })
  5.         .mouseout(function(){
  6.             //Mouse out
  7.         });

Esto es útil cuando quieres realizar algún cambio o acción que no se limite a la estética del elemento afectado u otros, pues si quieres cambiar solo los estilos, es preferible utilizar la pseudoclase :hover de CSS:
Código CSS:
Ver original
  1. selector{
  2.     /* Estilos */
  3. }
  4.  
  5. selector:hover{
  6.     /* Estilos que se aplicarán solo cuando el cursor del mouse esté sobre el elemento */
  7. }

P. D.: Por si tienes dudas con respecto a las diferencias de los eventos mencionados, te recomiendo leer este artículo.

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: controlar, eventos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:43.