Add 'dropmove' event type

taye · taye · commit ab633e22b13a · 2014-09-01T13:51:02.000+01:00
interact('.dropzone')
    // enable draggables to be dropped into this
    .dropzone(true)
    // listen for drop related events
    .on('dropmove', function (event) {
        // Do something here
    });

the event object looks like

{
  target: dropzoneElement,
  dragmove: dragmoveEvent,
  type: 'dropmove'
  ...
}
diff --git a/interact.js b/interact.js
@@ -375,6 +375,7 @@
             'dragleave',
             'dropactivate',
             'dropdeactivate',
+            'dropmove',
             'drop',
             'resizestart',
             'resizemove',
@@ -1252,6 +1253,7 @@
             dragEnterEvent = null,
             dropActivateEvent = null,
             dropDectivateEvent = null,
+            dropMoveEvent = null,
             dropEvent = null;
 
         if (dropElement !== prevDropElement) {
@@ -1276,12 +1278,22 @@
         if (dragEvent.type === 'dragend' && !starting) {
             dropDectivateEvent = new InteractEvent(pointerEvent, 'drop', 'deactivate', null, dragEvent.target);
         }
+        if (dragEvent.type === 'dragmove' && dropTarget) {
+            dropMoveEvent = {
+                target       : dropElement,
+                relatedTarget: dragEvent.target,
+                dragmove     : dragEvent,
+                type         : 'dropmove',
+                timeStamp    : dragEvent.timeStamp
+            };
+        }
 
         return {
-            leave       : dragLeaveEvent,
             enter       : dragEnterEvent,
+            leave       : dragLeaveEvent,
             activate    : dropActivateEvent,
             deactivate  : dropDectivateEvent,
+            move        : dropMoveEvent,
             drop        : dropEvent
         };
     }
@@ -2438,6 +2450,7 @@
         }
         if (dropEvents.leave) { prevDropTarget.fire(dropEvents.leave); }
         if (dropEvents.enter) {     dropTarget.fire(dropEvents.enter); }
+        if (dropEvents.move ) {     dropTarget.fire(dropEvents.move ); }
 
         prevDropTarget  = dropTarget;
         prevDropElement = dropElement;
@@ -3027,13 +3040,15 @@
                     dropactivate    = phases.ondropactivate     || phases.onDropActivate    || phases.dropactivate,
                     dropdeactivate  = phases.ondropdeactivate   || phases.onDropDeactivate  || phases.dropdeactivate,
                     dragenter       = phases.ondragenter        || phases.onDropEnter       || phases.dragenter,
-                    dragleave       = phases.ondragleave        || phases.onDropLeave       || phases.dragleave;
+                    dragleave       = phases.ondragleave        || phases.onDropLeave       || phases.dragleave,
+                    dragmove        = phases.ondragmove         || phases.onDropMove        || phases.dragmove;
 
                 if (typeof drop             === 'function') { this.ondrop           = drop; }
                 if (typeof dropactivate     === 'function') { this.ondropactivate   = dropactivate; }
                 if (typeof dropdeactivate   === 'function') { this.ondropdeactivate = dropdeactivate; }
                 if (typeof dragenter        === 'function') { this.ondragenter      = dragenter; }
                 if (typeof dragleave        === 'function') { this.ondragleave      = dragleave; }
+                if (typeof dragmove         === 'function') { this.ondragmove       = dragmove; }
             }
             else {
                 var start     = phases.onstart     || phases.onStart     || phases.start,
