GithubHelp home page GithubHelp logo

one-two-tap's Introduction

one-two-tap

A bare-bones jQuery plugin to allow for callback on double tap and single tap, with threshold selection.

Demo

plugins.getdans.info/one-two-tap

Installation

Download from GitHub

Requirements

jQuery

Use

<script>
    $(document).ready(function(){
        $('.click-container').onetwotap({
            callback: function(){ /* Do Something */ }
        });
    });
</script>

Description

one-two-tap is meant to be used with a callback. It's nothing without your input. You can set a threshold where, when the window width is above it, a single click/tap will fire the callback and, when the window width is below or equal to it, a double click/tap will fire it. You can also set a single click/tap callback for when the window width is below the threshold.

Options

Options Definition
threshold Below, callback will fire on double tap/click.
Above, callback will fire on single.
default: 500
callback function(){}
oneTapCallback function(){}
Will only fire on single tap/click when window
width is less than or equal to the threshold.

one-two-tap's People

Contributors

leeroyjenks avatar

Watchers

James Cloos avatar  avatar

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.