JQuery - Могу ли я запросить трекпад MacBook Pro?

Question

Могу ли я использовать JQuery для запроса трекпада? Так что я могу сделать что-то вроде этого:

Псевдо-Javascript (JQuery)

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

Есть ли плагин или другой фреймворк, где я могу это сделать?
Спасибо за каждый ответ и идею. :)

Answer 1

Я немного посмотрел в Интернете и пока вижу, что и Chrome, и Safari не предоставляют эти события в браузере.

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

Сенсорные события доступны в Safari?

Firefox действительно что-то поддерживает:

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

Но я не вижу много ссылок на это.

Полагаю, когда это поддерживает только один браузер, использовать такие события бесполезно.

Answer 2

Существует событие wheel , которое можно использовать для обнаружения удара двумя пальцами на Mac.

Ваш код может выглядеть примерно так:

      $('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
          }
        }
      });

Возможно, это не сработает в некоторых старых браузерах и / или Mozilla (так как запускает другое событие для движения колеса), но до тех пор, пока вы реализуете это как дополнительную / вспомогательную функцию, этого кода будет достаточно. *

Answer 3

Вы могли бы использовать отслеживание колесика мыши, чтобы получить желаемый эффект: http://www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel

Если вы хотите использовать jQuery, этот плагин mousewheel должен помочь: http://brandonaaron.net/code/mousewheel/docs