Adding iOS TouchStart Events to Farbtastic Color Picker

farbtastic-color-touchstart.js

  /**
   * TouchConvert: Converts touch co-ordinates to mouse co-ordinates
   */
  fb.touchconvert = function (e) {
    var e = e.originalEvent.touches.item(0);
    return e;
  }

  /**
   * Touchmove handler for iPad, iPhone etc
   */
  fb.touchmove = function (e) {
    fb.mousemove( fb.touchconvert(e)  );
    event.preventDefault();
    return false;
  }

  /**
   * Touchend handler for iPad, iPhone etc
   */
  fb.touchend = function (event) {
    $(document).unbind('touchmove', fb.touchmove);
    $(document).unbind('touchend', fb.touchend);
    document.dragging = false;
    event.preventDefault();
    return false;
  }

  // TouchStart bound, calls conversion of touchpoints to mousepoints
  $('*', e).bind("touchstart", function (e) {
    // Capture mouse
    if (!document.dragging) {
      $(document).bind('touchmove', fb.touchmove).bind('touchend', fb.touchend);
      document.dragging = true;
    }
    fb.mousedown( fb.touchconvert(e) );
    e.preventDefault();
    return false;
  });