Question

I have a <div> element that is created in my script and appended to another <div>. I have:

 coverElm.onmousedown = mouseDownEventHandeler;
 document.onmouseup = mouseUpEventHandeler;
 document.onmousemove = mouseMoveEventHandeler;

I have the functions defined and work great and keep track of if the mouse is down with a boolean mouseDown.

The Problem – When the mouse is pressed down and is released the document.onmouseup is never handled. I think its because its doing a drag of whatever is in the <div> witch is just a few words of text. I have this issue without text too.

So what I’m looking for is a way to prevent this odd dragging behavior, or way for onmousedrag to see if the mouse is pressed down of not – NOT USING THE MOUSE UP AND MOUSE DOWN METHODS

Here are my functions:

function mouseUpEventHandeler(e) {
        mouseDown = false;
}
function mouseDownEventHandeler(e) {
        mouseDown = true;
}
function mouseMoveEventHandeler(e) {
        if (mouseDown) {
               coverElm.innerHTML ="<p>Mouse down and dragging</p>";
        }
}

Answer 1

$j(divID).bind('dragstart', function (event) { event.preventDefault() });

Thanks all