KeyboardEvent Value (कीकोड्स, मेटा, आदि) - सीएसएस-ट्रिक्स

Anonim

जब KeyboardEventआग लगती है, तो आप परीक्षण कर सकते हैं कि किस कुंजी को दबाया गया था क्योंकि उस घटना में ऐसी जानकारी होती है जिसके खिलाफ आप तर्क लिख सकते हैं।

document.addEventListener("keydown", function(event) ( console.log(event.which); ))

उदाहरण के लिए, "a" दबाकर, आपको मिल जाएगा 65। जाहिरा तौर पर यह तर्क के खिलाफ लिखने के लिए सबसे अच्छा है, क्योंकि कीकोड और चारकोड जटिल हैं:

Event.which गुण event.keyCode और event.charCode को सामान्य करता है। यह कीबोर्ड की इनपुट के लिए event.which देखने के लिए अनुशंसित है।

तथा:

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

परीक्षक उपकरण

CodePen पर क्रिस Coyier (@chriscoyier) द्वारा पेन इवेंट.केककोड परीक्षक देखें।

कीकोड मान

यहाँ एक तालिका है जिसमें से मान शामिल हैं event.which

चाभी कोड
बैकस्पेस
टैब
दर्ज करें १३
खिसक जाना १६
ctrl १।
कुल मिलाकर १।
रोकना तोड़ना १ ९
कैप्स लॉक २०
पलायन २।
(स्थान) 32
पन्ना ऊपर ३३
पन्ना निचे 34
समाप्त ३५
घर ३६
बायां तीर ३।
ऊपर की ओर तीर ३।
दायां तीर ३ ९
नीचे का तीर ४०
डालने ४५
हटाना ४६
४ 48
1 ४ ९
50
५१
५२
५३
५४
५५
56
५ 57
६५
६६
सी ६ 67
६ 68
चाभी कोड
69. है
70
जी 71
एच .२
मैं 73
जे 74
.५
एल 76
77
एन 78
हे । ९
पी 80
क्यू 81
आर .२
रों 83
टी .४
यू .५
v 86. है
डब्ल्यू 87
एक्स 88
89. है
जेड 90
खिड़की की चाबी छोड़ दी 91
सही खिड़की कुंजी 92
कुंजी का चयन करें 93
संख्या ० 96
नमपैड 1 97
संख्या 2 98
संख्या 3 ९९
संख्या 4 100
संख्या 5 101
संख्या 6 102
संख्या 7 103
चाभी कोड
संख्या 8 104
संख्या 9 105
गुणा 106
जोड़ना 107
घटाना 109
दशमलव बिंदु 110 है
विभाजन 111
एफ 1 112
f2 113
f3 114
f4 115
f5 ११६
एफ 6 117
f7 ११ 118
f8 119
f9 120
f10 121
f11 122
f12 123
न्यूमेरिकल लॉक 144
ऊपर नीचे करना बंद 145
सेमी-कोलन 186
बराबर चिह्न 187
अल्पविराम 188
पानी का छींटा 189
अवधि 190
फ़ॉर्वर्ड स्लैश 191
गंभीर उच्चारण 192
खुला ब्रैकेट 219
वापस स्लैश 220
बंद ब्रेकेट 221
एकल बोली 222 है

ज़ेल एलवाईई ने देखा कि इनमें से 3 कीकोड बाकी ब्राउज़रों की तुलना में फ़ायरफ़ॉक्स में अलग थे

  • ; फ़ायरफ़ॉक्स में 59 है, लेकिन अन्य ब्राउज़रों में 186 है।
  • = फ़ायरफ़ॉक्स में 61 है, लेकिन अन्य ब्राउज़रों में 187 है।
  • - फ़ायरफ़ॉक्स में 173 है, लेकिन अन्य ब्राउज़रों में 189।

महत्वपूर्ण नोट: ये कीकोड मान केवल keydownऔर इन keyupइवेंट्स के दौरान ही मान्य हैं। मैक पर, keypressईवेंट आपको कोड का पूरी तरह से अलग सेट देते हैं।

उदाहरण के लिए:

चाभी event.which कीडाउन में event.which keypress में
६५ 97
६६ 98
सी ६ 67 ९९