2011-01-13 10 views
5

क्या मैं ट्रैकपैड से पूछताछ करने के लिए JQuery का उपयोग कर सकता हूं?JQuery - क्या मैं मैकबुक प्रो ट्रैकपैड से पूछ सकता हूं?

छद्म जावास्क्रिप्ट (JQuery)

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

वहाँ एक प्लगइन या किसी अन्य ढांचे जहां मैं यह कर सकता है: तो मैं कुछ इस तरह कर सकते हैं?
प्रत्येक प्रतिक्रिया और विचार के लिए धन्यवाद। :)

उत्तर

12

मैंने वेब पर थोड़ा सा देखा है, और अब तक यह देखते हैं कि क्रोम और सफारी ब्राउज़र में इन घटनाओं का पर्दाफाश नहीं करते हैं।

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

लेकिन मैं इस के लिए संदर्भ का एक बहुत नहीं दिख रहा।

मुझे लगता है कि केवल एक ब्राउज़र इसका समर्थन करता है, यह इस तरह की घटनाओं का उपयोग करने के लिए थोड़ा बेकार है।

+2

लाइफ-सेविंग टिप्पणी कि फ़ायरफ़ॉक्स को इशारा करने वाला ईवेंट मिला है। धन्यवाद :) – Fardin

1

आप शायद माउस व्हील ट्रैकिंग का उपयोग वांछित प्रभाव प्राप्त करने के लिए कर सकते हैं: http://www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel

आप jQuery का उपयोग करना चाहते हैं, तो इस माउसव्हील प्लगइन की मदद करनी चाहिए: http://brandonaaron.net/code/mousewheel/docs

2

एक wheel घटना है जो आप के लिए उपयोग कर सकते हैं मैक पर दो अंगुली स्वाइप का पता लगाएं।

आपका कोड कुछ इस तरह दिखाई दे सकता है:

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

यह आप के रूप में कुछ पुराने ब्राउज़र और/या मोज़िला में संभवतः काम नहीं (क्योंकि यह पहिया आंदोलन के लिए कुछ अलग ईवेंट सक्रिय), लेकिन जब तक इसे एक अतिरिक्त/सहायक सुविधा के रूप में कार्यान्वित करें, यह कोड पर्याप्त होना चाहिए।

संबंधित मुद्दे