how to disable don't want to drag n drop

[liangchen76]

Hey,

I am writing a web app to allow users to draw over an image. The workflow of drawing a rectangle is:
1. click a mouse button
2. hold and drag
3. while the mouse moving, the size of a rectange will change.
4. once a mouse button is released, the rectangle stays.

I am having a problem with #2. In firefox, every time i tried to hold a mouse button and drag, firefox seemed thinking i was trying to drag the image underneath and turned the cursor to "STOP". And I lost the mouse down event.

any idea? thanks

[acoder]

You need to stop the propagation of events using the stopPropagation() method (W3C) or cancelBubble = false (Microsoft). See this link.

[liangchen76]

thanks for reply, acorder.

I am not sure it involves event bubble or propagation, because all mouse events are tied to the image. I did use in IE setCapture/releaseCapture to redirect all event firing to the same set of handlers. So the code works fine in IE.

You need to stop the propagation of events using the stopPropagation() method (W3C) or cancelBubble = false (Microsoft). See this link.

[hsriat]

If you are doing it like this:
onmousedown="drawOverImage();"

Add return false, like this
onmousemove="drawOverImage();return false;"

where drawOverImage() is the function you have made.

[acoder]

If that doesn't work, post your code.