JQuery – 我可以查询MacBook Pro触控板吗？

我可以使用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（因为它会为轮子移动触发一些不同的事件），但只要您将其作为附加/辅助function实现，此代码就足够了。

Answer 3

您可以使用鼠标滚轮跟踪来获得所需的效果： http ： //www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel

如果你想使用jQuery，这个mousewheel插件应该有所帮助： http ： //brandonaaron.net/code/mousewheel/docs