Κώδικες χαρακτήρων Javascript (Κωδικοί κλειδιών)

Key Code
backspace 8
tab 9
enter 13
shift 16
ctrl 17
alt 18
pause/break 19
caps lock 20
escape 27
page up 33
page down 34
end 35
home 36
left arrow 37
up arrow 38
right arrow 39
down arrow 40
insert 45
delete 46
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
a 65
b 66
c 67
d 68
 
Key Code
e 69
f 70
g 71
h 72
i 73
j 74
k 75
l 76
m 77
n 78
o 79
p 80
q 81
r 82
s 83
t 84
u 85
v 86
w 87
x 88
y 89
z 90
left window key 91
right window key 92
select key 93
numpad 0 96
numpad 1 97
numpad 2 98
numpad 3 99
numpad 4 100
numpad 5 101
numpad 6 102
numpad 7 103
 
Key Code
numpad 8 104
numpad 9 105
multiply 106
add 107
subtract 109
decimal point 110
divide 111
f1 112
f2 113
f3 114
f4 115
f5 116
f6 117
f7 118
f8 119
f9 120
f10 121
f11 122
f12 123
num lock 144
scroll lock 145
semi-colon 186
equal sign 187
comma 188
dash 189
period 190
forward slash 191
grave accent 192
open bracket 219
back slash 220
close braket 221
single quote 222

JavaScript KeyCode Finder & Event Reference

Βρείτε άμεσα τους αριθμητικούς keyCode, key και code για οποιοδήποτε πάτημα πλήκτρου. Το διαδραστικό μας JS KeyCode εργαλείο βοηθά προγραμματιστές να καταγράφουν είσοδο χρήστη, να δημιουργούν συντομεύσεις πληκτρολογίου και να χειρίζονται παιχνίδια με ακρίβεια. Πατήστε ένα πλήκτρο για να δείτε τα δεδομένα του γεγονότος σε πραγματικό χρόνο.

Γιατί να χρησιμοποιήσετε ένα εργαλείο KeyCode;

Στην ανάπτυξη ιστοσελίδων, η διαχείριση γεγονότων πληκτρολογίου είναι απαραίτητη για προσβασιμότητα και εμπειρία χρήστη. Αυτό το εργαλείο παρέχει τις τρεις κρίσιμες τιμές για addEventListener:

Σύγχρονα vs. παλιά Key Events

Παρά το γεγονός ότι πολλά παλιά tutorials χρησιμοποιούν event.keyCode, το σύγχρονο web standard έχει μετακινηθεί σε event.key και event.code για καλύτερη υποστήριξη μεταξύ browsers και διεθνών πληκτρολογίων.

Συχνές τιμές JavaScript KeyCodes

Πλήκτρο keyCode .key Τιμή .code Τιμή
Enter 13 "Enter" "Enter"
Escape 27 "Escape" "Escape"
Space 32 " " "Space"
Arrow Up 38 "ArrowUp" "ArrowUp"
Tab 9 "Tab" "Tab"

Πώς να χρησιμοποιήσετε το KeyCode Finder

  1. Εστίαση: Κάντε κλικ στο πεδίο εισαγωγής για να είναι ενεργό.
  2. Πατήστε: Πατήστε οποιοδήποτε πλήκτρο στο πληκτρολόγιο.
  3. Ελέγξτε: Η οθόνη ενημερώνεται αμέσως με τον αριθμητικό κωδικό και τις τιμές string για αυτό το γεγονός.
  4. Εφαρμογή: Αντιγράψτε τις τιμές απευθείας στις if ή switch δηλώσεις σας.

Σημείωση για προγραμματιστές: Όλα τα events ανιχνεύονται τοπικά στον browser μέσω listener keydown. Δεν αποστέλλονται δεδομένα στους servers μας.