coordenadas actual del mouse?

gabrielflowers · #1 (**permalink**) 16/04/2009, 06:32

hola amigos, tengo una pregunta, como puedo obtener las coordenadas actuales del mouse?
...bueno se que se hace de la sgte manera:

<script language="javascript">

var x=event.clientX;
var y=event.clientY;
alert(x + ' ; ' + y);
</script>...

y funciona bien en explorer y en opera al parecer, mas no funciona en firefox!!!
alguien me puede dar una solucion que sea compatible con firefox (y el resto de navegadores)

gracias, saludos...

David · #2 (**permalink**) 16/04/2009, 08:13

Si lo usas en algún evento específica sí funciona, por ejemplo, el onmousemove del body u otro.

gabrielflowers · #3 (**permalink**) 16/04/2009, 09:21

bueno entonces voy a detallar lo que quiero hacer:
quiero poder arrastrar un layer(div html) dentro de una pagina, esta claro que tengo que trabajar con el evento onmousedown(), onmousemove(), y onmouseup()

tengo idea de como hacerlo, pero la clave de todo esto, radica en que debo conocer las coordenadas en X e Y cuando genere el evento omousedown(); y los otros

ahora bien, he estado revisando codigos de ejemplos, pero son muy extensos, y yo quiero darle una solucion mas corta, sencilla y que corra en explorer, firefox,opera, y los otros navegadores; alguna ayuda??
escucho sugerencias, saludos

Panino5001 · #4 (**permalink**) 16/04/2009, 09:33

Fijate si te sirve: http://www.disegnocentell.com.ar/notas2.php?id=236

También te recomindo que leas esto para comprender cabalmente cómo funcionan los eventos:
http://kusor.net/traducciones/brainj...vents1.es.html

David · #5 (**permalink**) 16/04/2009, 09:35

event.clientX y event.clientY funcionan en esos navegadores, siempre que estén en un contexto adecuado.

gabrielflowers · #6 (**permalink**) 10/07/2009, 07:40

aca posteo el codigo que pude elaborar para obtener las coordenadas actuales del mouse, y lo ejecuto al hacer click sobre la pag web:

Código HTML:

...
<script language="javascript">

document.onclick=getXY;
function getXY(evento)
{
 	//esta funcion devuelve la posicion actual del cursor en X,Y
 	var isIE=navigator.userAgent.toLowerCase().indexOf('msie')!=-1;//el navegador es explorer
	if(isIE)//es explorer
  	{
    	x=window.event.clientX + document.body.scrollLeft;
    	y=window.event.clientY + document.body.scrollTop;
  	}
	else//es otro navegador:firefox,netscape,etc
  	{
    	x=evento.pageX;
    	y=evento.pageY;
	}
 	alert("X: "+x+"\nY: "+y);
}
</script>
</head>
<body>....

espero sea de utilidad para muchos, saludos