JavaScriptGuiones de JavaScript *
JavaScriptGuiones e información sobre JavaScript
GuionesÍndice de guiones ("scripts") de JavaScript Los últimosÚltimos guiones ("scripts") incorporados o modificados Los más vistosGuiones ("scripts") más visitados
ArtículosArtículos y apuntes sobre JavaScript Prensa digitalJavaScript en la prensa digital
InternetJuan Rodríguez [Consultor]
Consultoría en Internet
ContactarPor si quieres escribirnos...
*
Mapa WebMapa Web (Directorio) de nuestros contenidos sobre JavaScript << Menú >>
Juan Rodríguez [Consultor] Guiones (scripts) de JavaScript
Estás en: Juan Rodríguez [Consultor] > JavaScript > Índice de guiones > Posición actual del ratón <

Posición actual del ratón

Verificado en:

Opera 9.02 y 9.20
Opera 6.05, 7 y 8
Firefox 1.5 y 3.0b5
Mozilla 1.8
Netscape 7
Internet Explorer 6 y 7

Opera web browser

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

Posición horizontal:
Eje X

Posición vertical:
Eje Y

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>


javascriptPosición actual del ratón

Juan Rodríguez [Consultor]

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.
- -

Guiones y "scripts" de JavaScript

Juan Rodríguez [Consultor]
Barcelona, Begues, Castelldefels