onmousemove and ondblclick

**bowersdv** · Mar 8, 2010 11:27

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

**Logic Ali** · Mar 8, 2010 12:04

Originally Posted by bowersdv

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 tag, it fails to call function. without statement above, the function is called....

Those two events should not interfere. Code?

**bowersdv** · Mar 8, 2010 14:25

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;

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

<body>

This is moving text.

</body>
</html>

thanks for the quick response!

**Logic Ali** · Mar 8, 2010 15:14

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

Code:

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

**bowersdv** · Mar 8, 2010 15:22

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.

**bowersdv** · Mar 8, 2010 15:30

sorry, i left out the ondblclick event before...

This is moving text.

**bowersdv** · Mar 8, 2010 15:34

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

**Logic Ali** · Mar 8, 2010 15:53

Originally Posted by bowersdv

sorry, i left out the ondblclick event before...

This is moving text.

This works on I.E.7

Code:

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

**bowersdv** · Mar 8, 2010 16:05

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

**bowersdv** · Mar 8, 2010 16:13

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

User Tag List

Thread: onmousemove and ondblclick

Thread Tools

Display

onmousemove and ondblclick

Bookmarks

Bookmarks

Posting Permissions