KeyboardEvent Value (keyCodes, metaKey, κ.λπ.) - CSS-Κόλπα

Όταν μια KeyboardEventπυρκαγιά, μπορείτε να ελέγξετε ποιο πλήκτρο πατήθηκε επειδή το συμβάν περιέχει πληροφορίες στις οποίες μπορείτε να γράψετε λογική.

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

Για παράδειγμα, πατώντας "a", θα πάρετε 65. Προφανώς είναι καλύτερο να γράφετε λογική με την οποία, καθώς τα keyCode και charCode είναι περίπλοκα:

Το συμβάν event.which ομαλοποιεί το event.keyCode και το event.charCode. Συνιστάται να παρακολουθείτε το συμβάν. Για είσοδο πλήκτρου πληκτρολογίου.

Και:

Σε ένα συμβάν συμπίεσης πλήκτρων, η τιμή Unicode του πατημένου πλήκτρου αποθηκεύεται είτε στην ιδιότητα KeyCode είτε στον charCode, ποτέ και στα δύο. Εάν το πάτημα του πλήκτρου δημιουργεί έναν χαρακτήρα (π.χ. «a»), ο κωδικός charCode έχει οριστεί στον κωδικό αυτού του χαρακτήρα, με σεβασμό στην κεφαλαία. (δηλ. charCode λαμβάνει υπόψη εάν το πλήκτρο shift είναι πατημένο). Διαφορετικά, ο κωδικός του πατημένου πλήκτρου αποθηκεύεται στο keyCode.

Εργαλείο δοκιμών

Δείτε τον ελεγκτή Pen event.keyCode του Chris Coyier (@chriscoyier) στο CodePen.

Τιμές κλειδιού

Εδώ είναι ένας πίνακας που περιέχει τις τιμές από event.which.

Κλειδί Κώδικας backspace 8 αυτί 9 εισαγω 13 βάρδια 16 ctrl 17 alt 18 πάυση για διάλειμμα 19 κεφαλαία 20 διαφυγή 27 (χώρος) 32 σελίδα προς τα πάνω 33 σελίδα κάτω 34 τέλος 35 Σπίτι 36 αριστερό βέλος 37 επάνω βέλος 38 δεξί βέλος 39 κάτω βελάκι 40 εισάγετε 45 διαγράφω 46 0 48 1 49 2 50 3 51 4 52 5 53 6 54 7 55 8 56 9 57 ένα 65 σι 66 ντο 67 ρε 68

Κλειδί Κώδικας μι 69 φά 70 σολ 71 η 72 Εγώ 73 ι 74 κ 75 μεγάλο 76 Μ 77 ν 78 ο 79 Π 80 ε 81 ρ 82 μικρό 83 τ 84 εσύ 85 β 86 β 87 Χ 88 γ 89 ζ 90 αριστερό κλειδί παραθύρου 91 δεξί πλήκτρο παραθύρου 92 επιλέξτε κλειδί 93 numpad 0 96 αριθμητικό πληκτρολόγιο 1 97 numpad 2 98 numpad 3 99 numpad 4 100 numpad 5 101 numpad 6 102 numpad 7 103

Κλειδί Κώδικας numpad 8 104 numpad 9 105 πολλαπλασιάζω 106 Προσθήκη 107 αφαιρώ 109 δεκαδικό σημείο 110 διαιρέστε 111 στ1 112 στ2 113 στ3 114 στ4 115 στ5 116 στ6 117 στ7 118 στ8 119 στ9 120 στ10 121 στ11 122 στ12 123 αριθμός κλειδώματος 144 κλείδωμα κύλισης 145 άνω τελεία 186 ίσο σημάδι 187 κόμμα 188 παύλα 189 περίοδος 190 προς τα εμπρός κάθετο 191 σοβαρή προφορά 192 ανοιχτό βραχίονα 219 πίσω κάθετο 220 κλείσιμο βραχίονα 221 ένα απόσπασμα 222

Ο Zell Liew παρατήρησε ότι 3 από αυτούς τους κωδικούς ήταν διαφορετικοί στον Firefox από τα υπόλοιπα προγράμματα περιήγησης

• ; είναι 59 στον Firefox αλλά 186 σε άλλα προγράμματα περιήγησης.
• = είναι 61 στον Firefox αλλά 187 σε άλλα προγράμματα περιήγησης.
• - είναι 173 στον Firefox αλλά 189 σε άλλα προγράμματα περιήγησης.

Σημαντική σημείωση: Αυτές οι τιμές του κωδικού πρόσβασης ισχύουν μόνο κατά τη διάρκεια keydownκαι σε keyupσυμβάντα. Σε Mac, τα keypressσυμβάντα σας δίνουν ένα εντελώς διαφορετικό σύνολο κωδικών.

Για παράδειγμα:

Κλειδί	event.which στο κλειδί	event.which στο πάτημα του πλήκτρου
ένα	65	97
σι	66	98
ντο	67	99