Código de JavaScript - Detectar la dirección del movimiento del ratón

Val: 3.162

Detectar la dirección del movimiento del ratón

Publicado el 19 de Julio del 2017 por Xve (294 códigos)

3.175 visualizaciones desde el 19 de Julio del 2017

Este simple código detecta la dirección del movimiento del ratón.

Actualizado el 14 de Septiembre del 2017 (Publicado el 19 de Julio del 2017)

3.176 visualizaciones desde el 19 de Julio del 2017

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div id="result"></div>

</body>

</html>

<script>

var lastX=0;

var lastY=0;

document.onmousemove=function(e)

	var cadena="";

	if (!e) {e=event}

	if(lastX>e.clientX)

		cadena+="izquierda ";

	else if(lastX<e.clientX)

		cadena+="derecha ";

	else

		cadena+="- ";

	if(lastY>e.clientY)

		cadena+=("sube");

	else if(lastY<e.clientY)

		cadena+=("baja");

	else

		cadena+="-";

	lastX=e.clientX;

	lastY=e.clientY;

	document.getElementById("result").innerHTML=cadena;

	console.log(cadena);

</script>

19 de Julio del 2017

No ha dejado ningún comentario

Responder


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s4073

Detectar si el puntero está en la mitad derecha ó izquierda con respecto al eje central

Gráfico de pastel con cavas en HTML5