tinytouch

Tiny JavaScript touch library designed to work with mouse and touch devices.

Usage

import { DOWN, MOVE, UP, CANCEL, DRAG }, createTouch from 'tinytouch'

const touch = createTouch(document.body)
const printEvent = (event) => console.log

touch
  .on(DOWN, printEvent)
  .on(MOVE, printEvent)
  .on(DRAG, printEvent)
  .on(UP, printEvent)
  .on(CANCEL, printEvent)

Events

Note: only a single (first) touch event is handled.

| Name | Description | |:---------|:----------------------------| | DOWN | mousedown or touchstart | | MOVE | mousemove or touchmove | | UP | mouseup or touchend | | CANCEL | mouseout or touchcancel | | DRAG | DOWN combined with MOVE |

Each event has the following properties:

| Property | Description | |:---------|:------------------------------------------------------| | source | Source event from browser | | x | x pixel position | | y | y pixel position | | dx | Change in x from previous event (or zero) | | dy | Change in y from previous event (or zero) | | tx | Total change in x from initial DOWN event (or zero) | | ty | Total change in y from initial DOWN event (or zero) | | type | Mouse or Touch |

Note DRAG is DOWN combined with MOVE.