icidasset / pointerevents-dragndrop

Drag and drop with pointerevents

Pointerevents Drag n' Drop

Drag and drop for pointerevents.

Dependencies

• A polyfill for pointerevents (I used the Polymer one)
• jQuery or Zepto

Events

• pointerdragstart
• pointerdragend
• pointerdragenter
• pointerdragover
• pointerdragleave
• pointerdrop

How to use

var element_or_$elements = $("[draggable]");
var instance = new PointerEventsDragnDrop(element_or_$elements, options);

$(".drop-zone").on("pointerdrop", function() {
  alert("Dropped it!");
});

Check the demo for a better example.

Settings

// with defaults
delegate_selector = false;
drag_icon_classname = "drag-icon";

To do

• Remove jQuery/Zepto dependency
• Them' bubbles