draggable.js

Make your DOM elements draggable

Show me some code, will ya?

  1. #free-bounds
    var freeBounds = document.getElementById('free-bounds');
    draggable(freeBounds);
                
  2. #with-handle
    var withHandle = document.getElementById('with-handle');
    draggable(withHandle, withHandle.getElementsByTagName('span')[0]);
                
  3. #events

    var events = document.getElementById('events');
    var info = events.getElementsByTagName('p')[0];
    draggable(events);
    
    var setInfo = function(type) { return function(event) {
      info.innerHTML = type + ': ' + event.x + ', ' + event.y;
    }};
    
    events.whenDragStarts(setInfo('Start'));
    events.whenDragging(setInfo('Dragging'));
    events.whenDragStops(setInfo('Stop'));
                

Look, ma! Tests! (source)