DOM:
<div id="elementToDrag">
<div class="handle"></div>
</div>
To make the whole element draggable:
var elementToDrag = document.getElementById('elementToDrag');
draggable(elementToDrag);
To make it draggable only when dragging the handle element:
var elementToDrag = document.getElementById('elementToDrag');
var handle = elementToDrag.getElementsByClassName('handle')[0];
draggable(elementToDrag, handle);
var elementToDrag = $('#elementToDrag').get(0);
draggable
.I've ran the tests in Chrome and Firefox. On travis-ci the tests run in Phantomjs. If you find any incompatibility or want to support other browsers, please do a pull request with the fix! :-)
Prerequisites
phantomjs
mocha npm install mocha
This is licensed under the feel-free-to-do-whatever-you-want-to-do license.