Onmousemove and ondblclick

can someone explain how i can use an ondblclick event to cancel an onmousemove event?

would I use cancelBubble for this?

i have a statement in my header
document.onmousemove = updateMouseCoordinates;
that moves a sentence of text around the screen.

when i try to call a function using ondblclick event in the <p> tag, it fails to call function. without statement above, the function is called…

my purpose is to just cancel the onmousemove in event user performs a double click.

Can someone advise? thanks!

Those two events should not interfere. Code?

function updateMouseCoordinates()
{
pText.style.left = event.x;
pText.style.top = event.y;

     }

     function mDoubleClick(value)
     {
        alert("You Doubleclicked");

        if ( value )
           event.cancelBubble = true;

     }

     document.onmousemove = updateMouseCoordinates;

    // --&gt;
  &lt;/script&gt;

</head>

<body>

  &lt;p id="pText" style="position: absolute"&gt;This is moving text.&lt;/p&gt;

</body>
</html>

thanks for the quick response!

Clearly we’re talking I.E. - only, which under some circumstances reports pixels off by 2, so your text isn’t positioned under the cursor.

Try

function updateMouseCoordinates()
{
 pText.style.left = event.x - 2;
 pText.style.top = event.y - 2;
}

you are right about that. i noticed it as well.

subtracting 2 didn’t work, text still appears to bottom…

i even tried putting ondblclick event in <body> tag and nothing…weird.

sorry, i left out the ondblclick event before…

<p id=“pText” style=“position: absolute” ondblclick=“mDoubleClick()”>This is moving text.</p>

i had to make it

event.y - 20, to get the text positioned right.
now the function gets called…

the alert comes up, but

event.cancelBubble doesn’t seem to do anything to stop the onmousemove event…

This works on I.E.7


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>TEST</title>

<script type='text/javascript'>

function updateMouseCoordinates()
{
 pText.style.left = event.x - 2;
 pText.style.top = event.y - 2;
}

function mDoubleClick(value)
{
alert("You Doubleclicked");

if ( value )
event.cancelBubble = true;

}

document.onmousemove = updateMouseCoordinates;

// -->
</script>
</head>

<body>

<p id="pText" style="position: absolute">This is moving text.</p>

<script type='text/javascript'>

document.getElementById('pText').ondblclick = mDoubleClick;

</script>


</body>
</html>

is there a way to terminate the onmousemove event though? it does work, the alert comes up, but then im able to continue moving the text with mouse.

i can always reset the x and y coordinates back to 0 but then it will continue to move…

figured it out…

the statement
document.onmousemove = null;…terminates the onmousemove event.
i added it to the function called by ondblclick.

thank you for your help. the adjustments to the pixels was a big help.

take care.
Derek