Get away with built-in draging html elements.

Question

I have a problem with html-objects that moving when I´m dragging them, you know the transparent "ghost" -copy of the element that appears when you holding down the mouse and drag it. My problem is that it interrupt my mouse event. I have a image that should be able to move inside a div when you draging it with the mouse. I have to events for that, first one for mousedown that trigger mousemove-event, mousemove handles the movement of the image. mousedown is no problem but when I´m moving the mouse with the button down the transparent "ghost" - copy of the elements appear and interrupt my mousemove-event. Is that any one how knows how to get around or fix this thing?

Answer 1

Could you provide a sample?

From what it sounds like, the first thing to check is that the events are actually being hit. Writing messages out to console whenever each event fires should help prove or disprove that the events are occurring as-expected.

Answer 2

I´m already know which events thats hits and not. I also know why but I don´t know how to get around and get away with the ghost-image.

First of all. Is it clear what I mean with the "ghost-image". It´s simply the browser-build-in thing that makes it possible to drag elements like images to the address field and you redirect directly to the url of the img.

The problem I have is the mousemove event on a image I´m trying to drag.

This is how I want it to work.

1. You press down the mouse button on the image.

2. When you move you mouse the image will move with the mouse.

3. When you release the the mouse button the image will not move along the mouse anymore.

This is whats happend and also my problem

1. You press down the mouse button on the image.

2. you move you mouse, The "ghost-image" appear under your mouse. This "Ghost-image" prevent my javasctript to feel mousemove-event on the image because the "Ghost-image" is between the mouse and the image.

3. You release the mouse button and the "Ghost-image" disappear and now the mousemove-event work so the image moves with the mouse without any mouse button down.

So again, how do I get away with this built-in "Ghost-image".

Happy for all anwers Thanx:)