Temas > Programacion > Java script - Java > Evento mousemove en jQuery
Julio

Evento mousemove
Este evento se dispara cuando se mueve la flecha 
del mouse dentro del elemento HTML respectivo.
Si queremos recuperar la coordenada donde se 
encuentra en ese momento el mouse, jQuery pasa el 
objeto event como parámetro (con la ventaja que hace
transparente las diferencias entre IE y otros navegadores).
Capturar el evento mousemove a nivel del objeto 
document, este se dispara cada vez que desplazamos el 
mouse dentro de la página. Mostrar la coordenada donde 
se encuentra la flecha del mouse.
pagina1.html
<?php //esto no va
 <html>
 <head>
 <title>Problema</title>
 <script type="text/javascript" src="../jquery.js"></script>
 <script language="javascript" src="funciones.js"
 type="text/javascript"></script>
 </head>
 <body>
 <p id="corx">coordenada x=</p>
 <p id="cory">coordenada y=</p>
 </body>
 </html>
?>//esto no va
funciones.js
<?php //esto no va
 var x;
 x=$(document);
 x.ready(inicializarEventos);
 function inicializarEventos()
 {
    var x;
    x=$(document);
    x.mousemove(moverMouse);
 }
 function moverMouse(event)
 {
    var x;
    x=$("#corx");
    x.text("coordenada x="+event.clientX);
    x=$("#cory");
    x.text("coordenada y="+event.clientY);
 }
?>//esto no va
Primero obtenemos la referencia del objeto document 
y le registramos la función a ejecutar cuando se desplace 
el mouse:
<?php //esto no va
   var x;
   x=$(document);
   x.mousemove(moverMouse);
?>//esto no va
La función que se ejecuta cada vez que se desplaza 
la flecha del mouse en el documento es:
<?php //esto no va
function moverMouse(event)
{
   var x;
   x=$("#corx");
   x.text("coordenada x="+event.clientX);
   x=$("#cory");
   x.text("coordenada y="+event.clientY);
}
?>//esto no va
En esta creamos un objeto jQuery a partir del id del
primer párrafo y fijamos el texto del mismo con el
valor del atributo event.clientX que almacena la 
coordenada x de la flecha del mouse:
<?php //esto no va
   x=$("#corx");
   x.text("coordenada x="+event.clientX);
?>//esto no va













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar