Es simple, que sólo se muestren la coordenada x del mouse cuando se este arrastrando (mousedown y mousemove) el cursor. Cuando se deja de presionar el botón izquierdo debería dejar de mostrar la coordenada, pero con mi código lo sigue mostrando. Utilizo removeEventListener para quitarle la función que muestra la coordenada, pero nada, sigue apareciendo. ¿Qué hago?
<html>
<head>
<title>mousedown mouseup</title>
<script>
window.addEventListener('load',eventos,false);
function eventos(e)
{
var ob=document.getElementById('button');
ob.addEventListener('mousedown',presion,false);
}
function presion(e)
{
var ob=document.getElementById('etiqueta');
var bt=document.getElementById('button');
bt.addEventListener('mousemove',mostrar,false);
bt.addEventListener('mouseup',soltar,false);
}
function mostrar(e)
{
var ob=document.getElementById('etiqueta');
ob.firstChild.nodeValue=e.clientX;
}
function soltar(e)
{
var ob=document.getElementById('etiqueta');
ob.firstChild.nodeValue="Coordenada";
document.removeEventListener('mousemove',mostrar,f alse);
}
</script>
</head>
<body>
<input type="button" value="Botón" id="button">
<h1 id="etiqueta">Coordenada</h1>
</body>
</html>
