Icontem

tutechie: Plug-in to support jQuery touch events

Recommend this page to a friend!
  Info   View files View files (3)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2013-01-23 (3 years ago) RSS 2.0 feedNot enough user ratingsTotal: 173 All time: 269 This week: 34Up
Version License JavaScript version Categories
tutechie 1.0MIT/X Consortium ...1.0jQuery, Events
Description Author

This is a plug-in to support jQuery touch events.

It can register event handlers to be called when several types of touch events occur either on mobile devices with touch screens or desktop platforms using mouse gestures.

Currently it supports events like touch start, tap, held tap, move, move end, swipe, zoom-in and zoom-out.

Innovation Award
JavaScript Programming Innovation award nominee
January 2013
Number 2
Devices with touch interfaces are very popular now. However, there are still a lot of machines accessing the Web sites that do not provide a touch interface.

This jQuery plug-in that can handle touch events either on devices with touch screens or emulate them on non-touch screens using mouse gestures.

Manuel Lemos
Picture of Jonathan Gotti
  Performance   Level  
Name: Jonathan Gotti <contact>
Classes: 8 packages by
Country: France France
Innovation award
Innovation award
Nominee: 5x

Winner: 3x

Details
#Tutechie
Tutechie is a lightweight touch event support library compatible with jquery / zepto or [basic-compat][1] (basic compat is a really basic compatibility layer with zepto/jquery)
The goal of this library is to allow binded interaction to work the same on desktop and mobile browsers.

## Implemented events:
events names all starts with a capital letter to avoid conflict with any additional loaded library.

- **Touchstart:** triggered at touch start or mousedown if no touchStart event is enabled on android you should preventDefault the event emitted to track down further events
- **Tap:** triggered when no movement occured and touch event is released before a Heldtap is triggered
- **Heldtap:** this is a tap which duration was longer than longDelay it doesn't require to be ended to get triggered (no need to release the touchEvent)
- **Move:** triggered after a Touchstart when moving arround more than treshold (extra event properties: pageX,pageY,distanceX,distanceY)
- **Moveend:** triggered after a Move event occured when the user release the touch event (same extra properties as Move events)
- **Swipe:** triggered when a user Move more than treshold px in a given direction (extra event properties: direction)
- **Zoomin/Zoomout:** this is a pinch open/close or a mousewheel event (extra event properties: isTouchEvent)

[1]: https://github.com/malko/basic-compat
  Files folder image Files  
File Role Description
Accessible without login Plain text file README.md Doc. Documentation
Accessible without login Plain text file tutechie.html Example sample
Plain text file tutechie.js Class Class source

 Version Control Unique User Downloads Download Rankings  
 100%
Total:173
This week:0
All time:269
This week:34Up