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

有一個滾輪事件，您可以使用它來檢測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