@samuelpetersson/dom-drag

Recognize drag gesture events

Usage no npm install needed!

<script type="module">
  import samuelpeterssonDomDrag from 'https://cdn.skypack.dev/@samuelpetersson/dom-drag';
</script>

README

dom-drag

Concept

//Create a new gesture.
var gesture = drag.createGesture(element, callback);

//Dispose and stop gesture.
gesture.dispose();

Examples

//Implement the callback to receive state change (began, moved and ended), position and velocity of current event.
drag.createGesture(element, function(state, {position, velocity, target}) {

    switch(state) {
        case 'began':
            //Drag gesture began.
            break
        case 'moved':
            //Drag gesture moved.
            break
        case 'ended':
            //Drag gesture ended.
            break
    }

});