JQuery - Can I query the MacBook Pro Trackpad?

Question

Can I use JQuery to query the Trackpad? So I can do something like this:

Pseudo Javascript (JQuery)

$(document).keyInput().trackpadTwoFingersLeft(function() {
  $('#div ul').animate({left: "=+1"},1);
});

Is there a plugIn or another framework where I can do this?
Thank you for every response and idea. :)

Answer 1

I've looked around a bit on the web, and so far see that both Chrome and Safari do not expose these events in the browser.

https://superuser.com/questions/27627/three-finger-page-up-page-down-in-safari-chrome

Touch events available in Safari?

Firefox does support something:

https://developer.mozilla.org/En/DOM/Mouse_gesture_events

But I don't see a lot of references to this.

I guess when only one browser supports it, it is a bit useless to use these kind of events.

Answer 2

There is a wheel event which you can use to detect two-finger swipe on Mac.

Your code could look something like this:

      $('element').on('wheel', function(e){
        var eo = e.originalEvent;
        if(Math.abs(eo.wheelDeltaY) < 10 && Math.abs(eo.wheelDeltaX) > 2){
          e.preventDefault();

          if(eo.wheelDeltaX < -100 && !scope.item.swipedLeft){
              // swipe left
          }

          if(eo.wheelDeltaX > 100 && scope.item.swipedLeft){
              // swipe right
          }
        }
      });

This could possibly not work in some older browser and/or Mozilla (as it fires some different event for the wheel movement), but as long as you implement this as an additional/helper feature, this code should suffice.

Answer 3

You could probably use mouse wheel tracking to get the desired effect: http://www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel

If you want to use jQuery, this mousewheel plugin should help: http://brandonaaron.net/code/mousewheel/docs