Create onDragEnter custom event

Question

Hello,

I was experimenting with the onDragEnter event and realized it only works in IE. How can I recreate this event using jQuery, so that I can get information about what is being dragged, etc.?

For example, I'm trying to drag some random text over a box that can recognize what the text is, etc. I also need to be able to drag some random image and have the same box recognize what the image is, etc.

Any help would be greatly appreciated.

Regards, David

Answer 1

I imagine someone has wrapped this into a nice event model already, but I don't know of it, so here's one option:

During drag (after dragstart and before dragstop) you should be able to attach an event handler to onmousemove. That will fire pretty much continuously as the element is being dragged, and you can run basic dimensional math to detect whether the mouse or the dragged element(s) have intersected with any of your potential target elements, and fire your own event then.