juzai123/touche

Effortlessly re-map click events to touch events on touchscreen UIs

Touche.js

Effortlessly re-map click events to touch events on touchscreen UIs

Full docs →

• Removes the 300ms delay (after the user lifts their finger), applied by all touchscreens devices and immediately invokes your click handlers.
• Takes your click events applied with jQuery and silently re-maps them to the "touchend" event for devices that support touch.
• If you're not using jQuery, then Touche exposes a method "on" for your use like so:

Touche(NodeList/Node).on('click', function(){ // handler })

Usage

<!-- somewhere before the rest of your JavaScript code -->
<script type="text/javascript" src="/path/to/touche.js"></script>

Examples

// applying a click event to one element

Touche(document.querySelector('#myButton')).on('click', handleClick);

// or to multiple at once

Touche(document.querySelectorAll('.myButtons')).on('click', handleClicks);

// or with jQuery

$('.myButtons').on('click', handleClicks);