JavaScript KeyCode खोजक
किसी भी कुंजी का keyCode, key, code और which मान पाने के लिए उसे दबाएँ
कीबोर्ड कैप्चर
यहाँ फ़ोकस करें और कोई कुंजी दबाएँ
कीबोर्ड इवेंट केवल इसी क्षेत्र के भीतर कैप्चर होते हैं। Tab कुंजी को रिकॉर्ड करता है और फ़ोकस अगले नियंत्रण पर ले जाता है।
पूरे कीबोर्ड इवेंट के लिए भौतिक कीबोर्ड इस्तेमाल करें। मोबाइल कीबोर्ड कुछ प्रॉपर्टी छोड़ सकते हैं।
हाल की कुंजी प्रेस
आपकी पिछली 10 कुंजी प्रेस यहाँ दिखाई देंगी।
कीबोर्ड इवेंट का विवरण
event.keyevent.codeevent.keyCodeअप्रचलितevent.whichअप्रचलितevent.locationevent.repeatमॉडिफ़ायर कुंजियाँ
कीबोर्ड इवेंट जाँचने के लिए कैप्चर क्षेत्र पर फ़ोकस करें।
JavaScript KeyCode खोजक के बारे में
यह JavaScript KeyCode खोजक एक मुफ़्त, इंटरैक्टिव डेवलपर टूल है, जो कोई भी कुंजी दबाते ही कीबोर्ड इवेंट की हर प्रॉपर्टी तुरंत दिखा देता है। चाहे आप कीबोर्ड शॉर्टकट, गेम कंट्रोल या सुलभ नेविगेशन बना रहे हों, भरोसेमंद और क्रॉस-ब्राउज़र JavaScript लिखने के लिए event.key, event.code, event.keyCode और event.which के सटीक मान जानना ज़रूरी है।
आधुनिक वेब एप्लिकेशन फ़ॉर्म सत्यापन से लेकर रियल-टाइम सहयोग टूल तक, हर जगह कीबोर्ड इवेंट हैंडलिंग पर निर्भर करते हैं। यह कीकोड लुकअप टूल कुंजी दबाते ही फ़िज़िकल की कोड, लॉजिकल की मान, लोकेशन पहचानकर्ता और सभी मॉडिफ़ायर स्थितियाँ (Shift, Ctrl, Alt, Meta) सीधे आपके ब्राउज़र में दिखाता है, बिना किसी सेटअप के, और अनुमान लगाने की ज़रूरत ख़त्म कर देता है।
स्थिर कीकोड संदर्भ तालिकाओं के विपरीत, यह लाइव JavaScript की इवेंट टेस्टर असली ब्राउज़र इवेंट पकड़ता है, ताकि आप अलग-अलग ऑपरेटिंग सिस्टम और कीबोर्ड लेआउट पर व्यवहार जाँच सकें। यह साफ़ तौर पर यह भी बताता है कि कौन-सी प्रॉपर्टी अप्रचलित (deprecated) हैं, जिससे आप मौजूदा W3C कीबोर्ड इवेंट मानकों के अनुरूप भविष्य-सुरक्षित कोड लिख सकते हैं।
मुख्य सुविधाएँ
- रियल-टाइम प्रदर्शन:
event.key,event.code,event.keyCode,event.whichऔरevent.location - Shift, Ctrl, Alt और Meta की स्थिति दिखाने वाले दृश्य मॉडिफ़ायर कुंजी संकेतक
- keyCode और which जैसी पुरानी प्रॉपर्टी पर अप्रचलन (deprecation) बैज
- किसी भी इवेंट प्रॉपर्टी का मान एक क्लिक में कॉपी करें
- सभी कुंजी डेटा को फ़ॉर्मैट किए गए JSON ऑब्जेक्ट के रूप में एक्सपोर्ट करें
- तुलना के लिए पिछले 10 कुंजी दबावों को दर्ज करने वाली इतिहास तालिका
- बाएँ, दाएँ और नंबरपैड कुंजी की स्थिति में अपने आप अंतर करता है
- आसान पहचान के लिए कीबोर्ड कुंजी का दृश्य प्रदर्शन
- फ़ंक्शन कुंजियों, तीर कुंजियों और विशेष वर्णों समेत हर कुंजी के साथ काम करता है
- डार्क मोड सपोर्ट के साथ पूरी तरह रिस्पॉन्सिव डिज़ाइन
JavaScript KeyCode खोजक का उपयोग कैसे करें
- इनपुट क्षेत्र पर फ़ोकस करें: कीबोर्ड सुनना शुरू करने के लिए टूल के ऊपर बने बिंदीदार कुंजी दबाव क्षेत्र में कहीं भी क्लिक करें।
- कोई भी कुंजी दबाएँ: अपने कीबोर्ड की कोई भी कुंजी दबाएँ, और सभी इवेंट प्रॉपर्टी नीचे प्रॉपर्टी ग्रिड में तुरंत दिख जाएँगी।
- मॉडिफ़ायर स्थितियाँ देखें: Shift, Ctrl, Alt और Meta संकेतक देखें कि कुंजी दबाते समय कौन-से मॉडिफ़ायर सक्रिय थे।
- मान कॉपी करें: किसी भी प्रॉपर्टी का मान कॉपी करने के लिए उसके पास के कॉपी आइकन पर क्लिक करें, या सभी प्रॉपर्टी एक साथ एक्सपोर्ट करने के लिए "JSON के रूप में सभी कॉपी करें" बटन का उपयोग करें।
- कुंजियों की तुलना करें: क्रम से कई कुंजियाँ दबाएँ और उनके कोड अगल-बगल देखने के लिए नीचे इतिहास तालिका तक स्क्रॉल करें।
- साफ़ करके दोहराएँ: सारा डेटा रीसेट करने और नया परीक्षण सत्र शुरू करने के लिए "साफ़ करें" बटन दबाएँ।
उपयोग के मामले
- कीबोर्ड शॉर्टकट विकास: वेब एप्लिकेशन में कस्टम शॉर्टकट लागू करने के लिए सही key और code मान पहचानें।
- गेम कंट्रोल: लेआउट से स्वतंत्र कीबाइंडिंग के लिए event.code जाँचकर फ़िज़िकल कुंजियों को गेम की क्रियाओं से जोड़ें।
- सुगम्यता परीक्षण: सत्यापित करें कि कीबोर्ड नेविगेशन सही चलता है और सभी इंटरैक्टिव तत्व अपेक्षित कुंजियों पर प्रतिक्रिया देते हैं।
- पुराने कोड का माइग्रेशन: पुराने प्रोजेक्ट में इस्तेमाल हुए अप्रचलित event.keyCode मानों के आधुनिक event.key समतुल्य खोजें।
- क्रॉस-ब्राउज़र डिबगिंग: पुष्टि करें कि Chrome, Firefox, Safari और Edge में कुंजी इवेंट एक जैसे मान देते हैं।
- इनपुट फ़ॉर्म सत्यापन: टेक्स्ट फ़ील्ड में विशेष वर्णों को अनुमति देने या रोकने के लिए सटीक कुंजी मान तय करें।
- ट्यूटोरियल और दस्तावेज़ लेखन: डेवलपर गाइड और संदर्भ सामग्री में शामिल करने के लिए सटीक कीकोड डेटा तुरंत देखें।
- नंबरपैड बनाम मुख्य कीबोर्ड में अंतर: नंबरपैड और सामान्य संख्या कुंजियों में फ़र्क़ करने के लिए location प्रॉपर्टी का उपयोग करें।
अक्सर पूछे जाने वाले प्रश्न
event.key और event.code में क्या अंतर है?
event.key कुंजी का लॉजिकल मान लौटाता है (जैसे Shift के अनुसार "a" या "A"), जबकि event.code मॉडिफ़ायर या कीबोर्ड लेआउट की परवाह किए बिना कीबोर्ड की फ़िज़िकल कुंजी लौटाता है (जैसे "KeyA")। वर्ण इनपुट के लिए event.key और स्थिति पर आधारित शॉर्टकट के लिए event.code का उपयोग करें।
क्या event.keyCode का उपयोग अब भी सुरक्षित है?
event.keyCode को W3C ने आधिकारिक रूप से अप्रचलित घोषित किया है और यह ब्राउज़र में अलग-अलग व्यवहार कर सकता है। नए प्रोजेक्ट के लिए event.key या event.code का उपयोग करें। फिर भी कई पुराने कोडबेस अब भी keyCode पर निर्भर हैं, इसलिए यह टूल बैकवर्ड-कम्पैटिबिलिटी संदर्भ के लिए इसे दिखाता है।
location फ़ील्ड क्यों मायने रखती है?
इस event.location प्रॉपर्टी उन कुंजियों में अंतर करती है जो कीबोर्ड पर एक से अधिक जगह होती हैं, जैसे बायाँ Shift बनाम दायाँ Shift, या संख्या पंक्ति बनाम नंबरपैड। जिन एप्लिकेशन को दोहराई गई कुंजियों में फ़र्क़ करना होता है, उनके लिए यह बेहद ज़रूरी है।
क्या यह टूल मुफ़्त है?
हाँ, JavaScript KeyCode खोजक का उपयोग पूरी तरह मुफ़्त है: न साइन-अप, न उपयोग सीमा, न कोई छिपा शुल्क। विकास और परीक्षण के लिए आप इसे जितनी बार चाहें इस्तेमाल कर सकते हैं।
क्या मेरा डेटा सुरक्षित है?
बिल्कुल। कुंजी की पहचान पूरी तरह आपके ब्राउज़र में नेटिव JavaScript कीबोर्ड इवेंट से होती है। कोई कुंजी दबाव या इवेंट डेटा कभी किसी सर्वर को नहीं भेजा जाता। आपका इनपुट आपके डिवाइस पर पूरी तरह निजी रहता है।
क्या यह मोबाइल डिवाइस पर काम करता है?
यह टूल फ़िज़िकल कीबोर्ड के साथ सबसे अच्छा काम करता है। मोबाइल डिवाइस पर ऑन-स्क्रीन कीबोर्ड सभी इवेंट प्रॉपर्टी एक जैसी नहीं भेज पाता। भरोसेमंद नतीजों के लिए डेस्कटॉप या लैपटॉप कंप्यूटर इस्तेमाल करें, या अपने मोबाइल डिवाइस से बाहरी कीबोर्ड जोड़ें।
सुझाव और सर्वोत्तम तरीके
- वर्ण इनपुट के लिए event.key चुनें: यह कीबोर्ड लेआउट, भाषा और मॉडिफ़ायर स्थिति का अपने आप ध्यान रखता है।
- गेम कंट्रोल के लिए event.code इस्तेमाल करें: उपयोगकर्ता के कीबोर्ड लेआउट (QWERTY, AZERTY, Dvorak) की परवाह किए बिना फ़िज़िकल कुंजी की स्थितियाँ एक जैसी रहती हैं।
- मॉडिफ़ायर संयोजन हमेशा परखें: Ctrl+Shift+कुंजी या Alt+कुंजी दबाकर पुष्टि करें कि आपके शॉर्टकट लिसनर सही संयोजन पकड़ रहे हैं।
- पैटर्न के लिए इतिहास तालिका देखें: कई कुंजी दबावों की तुलना से आप असंगतियाँ पकड़ सकते हैं या सही कोड जल्दी पा सकते हैं।
- दस्तावेज़ीकरण के लिए JSON एक्सपोर्ट करें: सटीक कुंजी डेटा सीधे अपने कोडबेस की टिप्पणियों या डेवलपर दस्तावेज़ों में चिपकाने के लिए "JSON के रूप में सभी कॉपी करें" सुविधा का उपयोग करें।
- अलग-अलग ब्राउज़र में परखें: कुंजी इवेंट के मान ब्राउज़र के अनुसार बदल सकते हैं, ख़ासकर विशेष कुंजियों के लिए। अपने लक्षित ब्राउज़र हमेशा जाँचें।