How to use

Instantiate Touch with an element you want to read the delta values from:

var touch = new Touch(element);

Add start, move, end and cancel events:

touch.addEvent('start', function(){

});

touch.addEvent('move', function(dx, dy){

});

touch.addEvent('end', function(){

});

touch.addEvent('cancel', function(){

});

• The start event fires when you mousedown or fingerdown the element.
• The cancel event fires when there's been no movement from the start event.
• The move event fires when there's movement while keeping your mouse or finger down. It receives delta values, which are the amount of movement made from the start position of your mouse cursor or finger.
• The end event fires when you relieve your finger or depress the mouse button, and only when there's been movement.

Example

You can see a simple drag&drop implementation using Touch.js in this shell.

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.