1.0.2 • Published 9 years ago

drag-drop-dom v1.0.2

Weekly downloads
1
License
ISC
Repository
github
Last release
9 years ago

Drag-Drop-Dom

A simplified api for adding drag-drop functionality to dom nodes by specifying drag and drop targets.

img

##Example

var ddd = require('drag-drop-dom')({drag: '.drag', drop: '.drop'})

ddd.on('enter', function(node, target) {
    target.classList.add('highlight');
});

ddd.on('leave', function(node, target) {
    target.classList.remove('highlight');
});

ddd.on('drop', function(node, target) {
    target.appendChild(node);
});

Usage

require('drag-drop-dom')({options})

Options:

  • drag Node to drag (selector | node)
  • drop Target node to drop on (selector | node)
  • once Target node should support drop only once (true | false, default: false)

Events:

  • ddd.on('start', listener)
  • ddd.on('enter', listener)
  • ddd.on('leave', listener)
  • ddd.on('drop', listener)

Each listener for the events except start event has two parameters: node and target. node is the current node being dragged and target is the current drop target.