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

Touch events available in Safari?

火狐不支持的東西：

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

但我沒有看到很多這種引用。

我想當只有一個瀏覽器支持它時，使用這些事件是沒有用的。

Answer 2

你也許可以使用鼠標滾輪跟蹤，以得到想要的效果：http://www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel

如果你想使用jQuery，這個鼠標滾輪插件應該有所幫助：http://brandonaaron.net/code/mousewheel/docs

Answer 3

有一個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的工作（因爲它激發了一些不同的事件車輪運動），但只要你作爲附加/輔助功能來實現這個功能，這段代碼就足夠了。