![]() |
| Estás en: Juan Rodríguez [Consultor] > JavaScript > Índice de guiones > Posición actual del ratón < |
Verificado en: Opera 9.02 y 9.20Opera 6.05, 7 y 8 Firefox 1.5 y 3.0b5 Mozilla 1.8 Netscape 7 Internet Explorer 6 y 7 |
Indica la posición actual del ratón (coordenadas X, Y). Su mayor utilidad se aprecia durante la preparación de páginas web. Se puede incluir entonces con el fuente de la página para verificar que los objetos (gráficos, tablas,...) están donde queremos. Posteriormente se suprime este guión y la página quedará calculada "al pixel". |
Ejemplo de aplicación de este guión |
Instalación Ver código Descargar + guiones
Código en el cuerpo (body) de la página (guión de JavaScript)
<script type="text/javascript">
<!-- inicio
var IE = document.all?true:false
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = posicRatonXY;
var posicX = 0
var posicY = 0
function posicRatonXY(e) {
if (IE) { posicX = event.clientX + document.body.scrollLeft;
posicY = event.clientY + document.body.scrollTop}
else { posicX = e.pageX; posicY = e.pageY };
if (posicX < 0) {posicX = 0};
if (posicY < 0) {posicY = 0};
document.getElementById("Raton").RatonX.value = posicX;
document.getElementById("Raton").RatonY.value = posicY;
return true }
// final -->
</script>
Código en el cuerpo (body) de la página (visualización de la posición del ratón)
<div style="text-align:center">
<form id="Raton" action=" ">
<p>Posición horizontal:
<br>Eje X <input type="text" name="RatonX" value="0" size="4" style="text-align:right"></p>
<p>Posición vertical:
<br>Eje Y <input type="text" name="RatonY" value="0" size="4" style="text-align:right"></p>
</form>
</div>
Copyright ©
Juan Rodríguez y
Begues Internet s.l.
Todos los derechos reservados
Aviso Legal
Cuidar de nuestro entorno natural,
puede y debe ser cosa de todos.
Por ejemplo, no gastando papel para
imprimir una información que siempre
puedes tener en la pantalla de tu pc.
- -
Juan Rodríguez [Consultor]
Barcelona, Begues, Castelldefels