@dalisoft/swipe-gesture

swipe-gesture

Swipe gesture library

Features

• No limit: not only for DOM
• Handles types for your
• Clean code
• Performant
• Easy
• UMD compatible

Installation

We recommend install via npm because of it's cache and flat node modules tree

npm i @dalisoft/swipe-gesture

then you able to import to Node.js/Browser easily

// Node.js
const SwipeGesture = require("@dalisoft/swipe-gesture");

// Browser
// window.SwipeGesture OR SwipeGesture

// ES6
import SwipeGesture from "@dalisoft/swipe-gesture";

Parameters

• onPointerDown function(e: Event) - Call like pointerdown
• onPointerMove function(e: Event) - Call like pointermove
• onPointerUp function(e: Event) - Call like pointerup
• onPanX function(e: Event.X.Delta) - Call when panning horizontal
• onPanY function(e: Event.Y.Delta) - Call when panning vertical
• onSwipeLeft function(e: Event.X.Delta) - Call when swipe left
• onSwipeRight function(e: Event.X.Delta) - Call when swipe right
• onSwipeUp function(e: Event.Y.Delta) - Call when swipe up
• onSwipeDown function(e: Event.Y.Delta) - Call when swipe down

Usage

const swipe = SwipeGesture({
  onPanX: delta => console.log("pan x delta", delta)
});

yourDom.addEventListener("pointerdown", swipe.onStart);
yourDom.addEventListener("pointermove", swipe.onMove);
yourDom.addEventListener("pointerup", swipe.onEnd);

License

MIT