2012-05-02 13 views
11

मैं एक jQuery घटक है जो मुख्य रूप से iPad के लिए काम करता है विकसित कर रहा हूँ। तो उपकरण को स्वयं जांचने के बजाए डेस्कटॉप में 'टचस्टार्ट और' टचचेन्ड 'ईवेंट को अनुकरण करने के लिए वैसे भी है।टचस्टार्ट सिम्युलेटिंग और टचचेंड इवेंट?

उत्तर

7

आप jQuery के भीतर अपने स्वयं के कस्टम घटनाओं लेखक कर सकते हैं:

var event = $.Event("touchstart", { pageX:200, pageY:200 }); 

और आप उन्हें डोम में किसी भी तत्व के खिलाफ जारी कर सकते हैं:

$("body").trigger(event); 

डेमो: http://jsbin.com/ezoxed/edit#javascript,html
अतिरिक्त पठन: http://api.jquery.com/category/events/event-object/

ध्यान रखें इंटरफेस के विभिन्न अन्य प्रकार कोई बाजार पर देखते हैं कि डब्ल्यू touchstart और touchend घटनाओं का समर्थन नहीं करता है। उदाहरण के लिए, विंडोज 8 पहले से ही मोबाइल बाजार में टैबलेट पर कब्जा कर रहा है, और यह पॉइंटर्स समेत एक अधिक सारणीबद्ध ईवेंट मॉडल का उपयोग करता है। एक क्रोम ब्राउज़र के भीतर

6

क्रोम देव-उपकरण आपको स्पर्श इवेंट का अनुकरण करने की अनुमति देता है। https://developers.google.com/chrome-developer-tools/docs/mobile-emulation देखें।

डॉक्स से ...

टच घटनाक्रम नकल

टच किसी इनपुट विधि है कि, डेस्कटॉप पर परीक्षण करने के लिए के बाद से सबसे डेस्कटॉप स्पर्श इनपुट की जरूरत नहीं है मुश्किल है है। मोबाइल पर परीक्षण करने के बाद आपके विकास चक्र को बढ़ाया जा सकता है, क्योंकि आपके द्वारा किए गए प्रत्येक परिवर्तन को सर्वर पर धक्का देने के लिए की आवश्यकता होती है और फिर डिवाइस पर लोड किया जाता है।

इस समस्या का एक समाधान अपने विकास मशीन पर स्पर्श घटनाओं अनुकरण करने के लिए है। सिंगल-टच के लिए, क्रोम देवटूल सिंगल टच इवेंट इम्यूलेशन का समर्थन करता है ताकि डेस्कटॉप पर मोबाइल एप्लिकेशन डिबग करना आसान हो सके।

(संस्करण 29.0.1547.65 के रूप में) एक क्रोम ब्राउज़र से उपयोग करने के लिए:

  1. अपने ब्राउज़र विंडो (तीन खड़ी लाइनों) के शीर्ष-दाएं पर क्रोम मेनू का चयन करें।
  2. टूल> डेवलपर टूल। (शॉर्टकट शिफ्ट + नियंत्रण + I)
    टैब कंसोल चयनित के साथ नीचे एक टूल विंडो दिखाई देगी।
  3. नीचे दाएं सेटिंग्स कोग पर क्लिक करें (एक गियर की तरह दिखें)।
    एक सेटिंग पैनल शीर्ष पर "सामान्य" के साथ दिखाई देगा।
  4. क्लिक करें छोड़ दिया पर "ओवरराइड" ओवरराइड पैनल का चयन करें।
  5. नीचे स्क्रॉल करें और जाँच
  6. अब एक फजी वृत्त में प्रकट होगा

आप माउस "स्पर्श इवेंट सक्षम" पुनः लोड करें अपने पृष्ठ। "स्पर्श करें" पर क्लिक करें।

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