0.1.0-beta.7 • Published 9 years ago
simple-touch v0.1.0-beta.7
(work in progress)
High performance and easy to use with minimal code to manage Touch.
I think this is going somewhere, I make another way of listening to touch event in very simple code, I just check where touched, then it find the id
of your element in events if you bind some.
Work in progress and I have so much to do, so I just create that for my Corodva Music Player App (named Wikiseda on google play) and it work perfect on Webkit and IE10+. (Also added mouse as fallback for touch)
Fork and pull requests are highly welcome!
Development
git clone this project git
cd simple-touch
npm install
Use
npm install simple-touch
Touch = require 'simple-touch'
Touch.onTap "close-menu" # it's just id of my element in html
.onStart (event) =>
event.listener.style.backgroundColor = 'rgba(0,0,0,.1)'
.onEnd (event) =>
event.listener.style.backgroundColor = ''
.onTap (event) =>
closeMenu()
timeout = null
Touch.onTap "long-press-me"
.onStart (event) =>
event.listener.style.backgroundColor = 'rgba(0,0,0,.1)'
timeout = setTimeout =>
console.log "long press on ", event.listener
, 700
.onEnd (event) =>
event.listener.style.backgroundColor = ''
clearTimeout timeout
Touch.onPan "pan-me"
.onPan (event) ->
return if event.totalY > -10
# check out event by running console.log(event)
TODO
- Tap count
- Swipe
0.1.0-beta.7
9 years ago
0.1.0-beta.6
9 years ago
0.1.0-beta.5
9 years ago
0.1.0-beta.4
9 years ago
0.1.0-beta.3
9 years ago
0.1.0-beta.2
9 years ago
0.1.0-beta.1
9 years ago