jTap - स्पर्श उपकरणों के लिए ईवेंट पर क्लिक करें

हाय % उपयोगकर्ता नाम% !

प्रत्येक नए दिन के साथ शुरू करने के लिए, मोबाइल उपकरणों की एक लहर अधिक से अधिक लोगों को कवर करती है। और, जैसा कि हुआ, लगभग सभी नवीनतम उपकरणों में एक टच स्क्रीन है। मैं क्या कह सकता हूं, अब अपने पसंदीदा सामाजिक को देखें। नेटवर्क कुछ रेफ्रिजरेटर के साथ भी संभव है। डेस्कटॉप कंप्यूटर का प्रभुत्व - अब यह डायनासोर की कहानियों की तरह है - हम शायद ही ऐसा देखेंगे।

मेरी राय में, पिछले कुछ वर्षों में वेब विकास की दुनिया में सीएसएस मीडिया क्वेश्चन सबसे महत्वपूर्ण आविष्कार बन गए हैं - वे आपको एक वेब एप्लिकेशन की उपस्थिति को व्यवस्थित करने की अनुमति देते हैं ताकि यह अलग-अलग स्क्रीन रिज़ॉल्यूशन में मौलिक रूप से भिन्न हो सके। डिवाइस के किसी भी रूप कारक का अपना डिज़ाइन विचार हो सकता है, और यह ठीक है। हम सभी यह जानते हैं, लेकिन यह इस बारे में नहीं होगा, लेकिन घटनाओं के प्रसंस्करण के बारे में ...

आपको jTap की आवश्यकता क्यों है?

भीड़ के लिए आवेदन के अनुकूलन में हस्तक्षेप। डिवाइस यह हो जाता है कि टच स्क्रीन में सामान्य नियंत्रण घटनाएं नहीं होती हैं। डेस्कटॉप कंप्यूटर पर "क्लिक" घटना के प्रकार के अनुसार एक हैंडलर स्थापित करके और, उदाहरण के लिए, टैबलेट, हमें एक ही परिणाम नहीं मिलेगा। उदाहरण के लिए कोड की एक पंक्ति लें:

$('element').click(handler); 

और कल्पना करें कि हैंडलर फ़ंक्शन हमें मेनू दिखाना चाहिए। सब कुछ एक पीसी पर निर्दोष रूप से काम करता है, लेकिन एक टचस्क्रीन पर - ~ 300ms की देरी के साथ। ज्यादातर लोगों के लिए, यह महत्वपूर्ण नहीं है और कोई इसे नोटिस भी नहीं कर सकता है, लेकिन मेरे जैसे पूर्णतावादियों के लिए यह कष्टप्रद है।

इसलिए मैंने jQuery प्लगइन लिखा है, जिसका पूरा नाम jQuery Tap Event है ।

एक प्लगइन क्या कर सकता है?

स्क्रीन पर टच टच और अधिक। इसके मुख्य लक्ष्य अधिकतम सादगी और निर्दोष संचालन हैं।

कोई यह तर्क दे सकता है और कह सकता है कि स्पर्श-उपकरणों के लिए घटनाओं के पूर्ण सेट के साथ पहले से ही लिखित एक्सटेंशन का उपयोग करना बेहतर है। और वह उन मामलों में सही होगा जहां परियोजना को घटनाओं की एक विस्तृत श्रृंखला के प्रसंस्करण की आवश्यकता होगी। लेकिन, अक्सर जब वेबसाइटों की बात आती है, तो कुछ प्रकार पर्याप्त होते हैं: स्वाइप और टैप करें ।

मेरे द्वारा मांगे गए घटनाक्रमों ने या तो खराब तरीके से काम किया, या अपेक्षा के अनुरूप नहीं, या बिल्कुल भी काम नहीं किया। मैं उनमें से कुछ को पसंद करता था, लेकिन मेरे लिए पाँच प्रकार की घटनाएं अनावश्यक थीं और परिणामस्वरूप, अतिरिक्त कोड का एक प्रभावशाली हिस्सा। यह अपने स्वयं के संस्करण के विकास के लिए शुरुआती बिंदु था।

ps प्लगइन की एक उल्लेखनीय विशेषता इसकी बहुमुखी प्रतिभा है। टैप इवेंट पीसी और टच स्क्रीन डिवाइस दोनों पर समान काम करेगा।

कैसे करें इस्तेमाल?

"एक शलजम की तुलना में आसान"!

निम्नलिखित लाइन के साथ jQuery के बाद प्लगइन फ़ाइल शामिल करें:

 <script src="jquery.tap.min.js"></script> 

यह "वोइला!" कहने के लिए बनी हुई है और जहां आवश्यक हो हैंडलर स्थापित करें। यह निम्नानुसार किया जाता है:

 $('selector').tap(handler); 

महत्वपूर्ण: टैप विधि को अस्तित्व के लिए परीक्षण किया जा सकता है और निम्नानुसार होना चाहिए:

 $.isFunction($.fn.tap); 

और, गलती सहिष्णुता के लिए, निम्नानुसार आगे बढ़ें:

 var clickEvent = $.isFunction($.fn.tap) ? 'tap' : 'click'; $('selector')[clickEvent](handler); 

लेकिन, फिर भी, केवल ईवेंट प्रतिनिधिमंडल का उपयोग करना बेहतर है:

 $('selector').on('tap', handler); 

निष्कर्ष में ...

वह सब है। प्लगइन छोटा है और एक संकीर्ण फोकस के साथ है। मुझे उम्मीद है कि कोई इसे उपयोगी पाएगा।

अंत में मैं मुख्य लिंक पोस्ट करूंगा:

• डेमो: http://firstvector.org/jTap
• jQuery प्लगइन्स: http://plugins.jquery.com/jTap/
• रिपोजिटरी: https://github.com/BR0kEN-/jTap/

आपका ध्यान देने के लिए धन्यवाद।