jgesture v1.1.0

jGesture

A Tiny Javascript Library For Touch Gestures - Support PC Mouse Event

Usage

  var g = new jGesture(document.getElementById('test'));
  g.enabe('tap', 'longtap', 'slide', 'pinch');

  //add event
  g.addEvent('tap', function(){});//tap callback
  g.addEvent('longtap', function(){});//longtap callback

  g.addEvent('start', function(){});//detect function for gesture start

  g.addEvent('slide', function(){});//slide callback
  g.addEvent('slideEnd', function(){});//slide end

  g.addEvent('pinch', function(){});//pinch callback
  g.addEvent('pinchEnd', function(){});//pinch end

  g.disable('slide');//disable gesture

  g.scale(1.2, '500ms'); //scale increase 1.2 times
  g.rotate(20, '500ms'); //rotate 20 deg

Support Gestures

• 'tap'
• 'longtap'
• 'doubletap'
• 'slide'
• 'pinch'
• 'rotate'

Support Events

• 'start': Delegate Gesture Start
• 'tap': - enabled default
• 'longtap'
• 'doubletap'
• 'slide'
• 'slideEnd'
• 'pinch'
• 'pinchEnd'
• 'rotate'
• 'rotateEnd'

Instace Methods

• new Gesture(element, onlydetect) - onlydetect(only detect the gesture and will not change the element style, default value false)
• enable(gesture), disable(gesture) - enable/disable gestures
• addEvent(event), removeEvent(event) add/remove gesture event callback
• slide(offset, duration)
• scale(scale, duration)
• rotate(rotate, duration)
• destroy()