रूबी एप्लीकेशन पर रूबी में हॉटकी

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

संबंध

प्रोजेक्ट में लाइब्रेरी का उपयोग करने के लिए, अपने एप्लिकेशन के Gemfile में लाइन जोड़ें

 gem 'mousetrap-rails' 

और निष्पादित करें

 $ bundle install 

फिर जनरेटर चलाएं, जो किफाइंडिंग फ़ाइल का निर्माण करेगा जिसमें keybindings.js.coffee का उपयोग करने के उदाहरणों के साथ और लाइब्रेरी को एसेट पाइप लाइन से जोड़कर //= require mousetrap टू जेएस एप्लिकेशन मेनिफ़ेस्ट की //= require mousetrap ।

 $ rails generate mousetrap:install 

के उपयोग

पहले से बनाई गई फ़ाइल में शामिल जावास्क्रिप्ट फ़ंक्शंस का उपयोग करते हुए, आप पृष्ठ नेविगेशन बनाने के लिए बॉक्स से डेटा-विशेषताओं ( data-keybinding ) का उपयोग कर सकते हैं।

उदाहरण के लिए, एक दृश्य कोड

 = link_to 'Homepage', root_path, data: { keybinding: 'h' } 

आपको 'h' पर क्लिक करके होम पेज पर जाने की अनुमति देगा

और यह आपको 'u' बटन का उपयोग करके Username इनपुट क्षेत्र पर ध्यान केंद्रित करेगा

 = text_field_tag 'Username', nil, data: { keybinding: 'u' } 

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

 //   Mousetrap.bind '4', -> alert '4 pressed!' Mousetrap.bind 'x', (-> alert 'x pressed!'), 'keyup' //  Mousetrap.bind 'command+shift+k', -> alert 'command+shift+k pressed!' false Mousetrap.bind ['command+k', 'ctrl+k'], -> alert 'command+k or ctrl+k pressed!' false //   Mousetrap.bind 'g i', -> console.log 'gi sequence pressed!' Mousetrap.bind '* a', -> console.log '* a sequence pressed!' // - Mousetrap.bind 'up up down down left right left right ba enter', -> console.log 'You WIN!' 

प्रोजेक्ट पेज पर Mousetrap की विशेषताओं के बारे में अधिक जानें।

निष्कर्ष में

मूसट्रैप अपना काम अच्छी तरह से करता है, और मैं मणि को और विकसित करने जा रहा हूं। मुझे किसी भी रचनात्मक प्रतिक्रिया पर खुशी होगी।

लिंक (जहां उनके बिना)

• गीदड़ पर मूसट्रैप-रेल मणि
• रूबिजम पर मूसट्रैप-रेल रत्न
• मूसट्रैप जावास्क्रिप्ट लाइब्रेरी

© फोटो macrj द्वारा