JavaScript KeyCode Finder & Event Reference
Βρείτε άμεσα τους αριθμητικούς keyCode, key και code για οποιοδήποτε πάτημα πλήκτρου. Το διαδραστικό μας JS KeyCode εργαλείο βοηθά προγραμματιστές να καταγράφουν είσοδο χρήστη, να δημιουργούν συντομεύσεις πληκτρολογίου και να χειρίζονται παιχνίδια με ακρίβεια. Πατήστε ένα πλήκτρο για να δείτε τα δεδομένα του γεγονότος σε πραγματικό χρόνο.
Γιατί να χρησιμοποιήσετε ένα εργαλείο KeyCode;
Στην ανάπτυξη ιστοσελίδων, η διαχείριση γεγονότων πληκτρολογίου είναι απαραίτητη για προσβασιμότητα και εμπειρία χρήστη. Αυτό το εργαλείο παρέχει τις τρεις κρίσιμες τιμές για addEventListener:
- event.key: Ο πραγματικός χαρακτήρας (π.χ.
"a", "Enter", "ArrowUp").
- event.code: Το φυσικό πλήκτρο στο πληκτρολόγιο (π.χ.
"KeyA", "NumpadEnter").
- event.keyCode (Παλιό): Ο αριθμητικός κωδικός που αντιστοιχεί στο πλήκτρο (π.χ.
13 για Enter, 27 για Escape).
Σύγχρονα vs. παλιά Key Events
Παρά το γεγονός ότι πολλά παλιά tutorials χρησιμοποιούν event.keyCode, το σύγχρονο web standard έχει μετακινηθεί σε event.key και event.code για καλύτερη υποστήριξη μεταξύ browsers και διεθνών πληκτρολογίων.
- Απαρχαιωμένο:
keyCode, which, charCode.
- Σύγχρονο standard:
key (βάση τιμής) και code (βάση θέσης).
Συχνές τιμές 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
- Εστίαση: Κάντε κλικ στο πεδίο εισαγωγής για να είναι ενεργό.
- Πατήστε: Πατήστε οποιοδήποτε πλήκτρο στο πληκτρολόγιο.
- Ελέγξτε: Η οθόνη ενημερώνεται αμέσως με τον αριθμητικό κωδικό και τις τιμές string για αυτό το γεγονός.
- Εφαρμογή: Αντιγράψτε τις τιμές απευθείας στις
if ή switch δηλώσεις σας.
Σημείωση για προγραμματιστές: Όλα τα events ανιχνεύονται τοπικά στον browser μέσω listener keydown. Δεν αποστέλλονται δεδομένα στους servers μας.