dropzone to support dropmove event about interact.js

[taye]

Thanks for the request!

dragmove events for dropzones would be useful. The events would need a different name so that dropzones which are also draggables don't think that they're being dragged when something else is being dragged over them. How about "dropmove"? ¯(°_o)/¯

I think that having an event object like this would be good:

{
  target: dropzoneElement,
  dragmove: dragmoveEvent,
  type: 'dropmove'
}

[Izhaki]

Yep, dropmove distinction is obviously a must.

Whatever the event object's like, I envision this will be how you use it:

interact('.dropzone')
    // enable draggables to be dropped into this
    .dropzone(true)
    // listen for drop related events
    .on('dropmove', function (event) {
        // Do something here
    });

Just as a final note, I assume dropmove events will only be fired between the dropzone's dragEnter and dragLeave events.

[taye]

I've added the dropmove event in #71. Please try it and let me know how it goes.

https://raw.githubusercontent.com/taye/interact.js/dropmove-event/interact.js

[Izhaki]

Thanks for implementing this so quickly; all seem to be working.

Just one comment... having looked at setOnEvents it seems that currently the following syntax isn't supported:

        interact( element[0] ).dropzone({
            dropmove:  ctrl.onDropMove,
            drop:      ctrl.onDrop
        });

Although not a big deal, perhaps this is something worth adding.

[taye]

Thanks for mentioning that. It should be fixed now.