Giter VIP home page Giter VIP logo

js-minimal-android-swipe-detect's Introduction

js-minimal-android-swipe-detect

  • Minimal JS object for detecting touch/swipe via a callback function with arguments: direction and distance.
  • Only fired on touchend.
  • Works on PC/mac browsers as well.
  • Currently only tested on Chrome, FF, IE8, IE9, Android 4.2

Simple Instantiation

var swp = new uiSwipe({
   swipeRight: function(){ 
       alert("swipeRight!");
   }
}

Configurable Implementation

var swp;

if (typeof uiSwipe !== "undefined"){
    swp = new uiSwipe({
      	minDistance: 0.1,
      	mouseSwipe: true,

       swipeUp: function(){ 
           alert("swipeUp!");
       },

       swipeRight: function(){ 
           alert("swipeRight!");
       },

       swipeAll: function(dir, dist){
           var direction = "none";
           if (Math.abs(dir) > 2.3) {
               var direction = "Left";
               
           } else if (dir > 0) {
               var direction = "Down";
               
           }
           alert("DIR: "+ direction +"\n<br>DIST: "+ Math.round(dist));
       }
        
    });
}

Parameters

  • swipeRight func()
  • swipeLeft func()
  • swipeUp func()
  • swipeDown func()
  • swipeAll func( (radians)direction, (pixels)distance )
  • minDistance (number) [val] > 1 (pixels) -OR- [val] < 1 (percent of page width)
  • mouseSwipe (bool) default:false only detect touch

Methods

  • pause not yet implemented
  • resume not yet implemented

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.