בודק keycode

לחצו על מקש כלשהו כדי לראות בדיוק מה הדפדפן מדווח באירוע המקלדת: ערך המקש, הקוד הפיזי, ה-keyCode הישן, המיקום, מקשי הצירוף המוחזקים, מקשי הנעילה ודגל החזרה. שימושי לפיתוח אתרים, למיפוי מקשים ולזיהוי מקש לא מוכר.

לחצו על מקש כלשהו. התחילו לכידה מלאה כדי לבדוק גם Tab, רווח, מקשי F וקיצורים (Esc פעמיים או עצירה ליציאה).

—
event.key
—
event.code
—
event.keyCode
—
event.location
—
מקשי שינוי
—
מקשי נעילה פעילים
—
event.repeat
—

event.keyCode ו-event.which הוצאו משימוש אך דפדפנים עדיין מדווחים עליהם; השתמשו ב-event.code למקשים פיזיים וב-event.key לתו שנוצר.

יומן אירועים (80 האחרונים)
typekeycodekeyCodelocationrepeatמקשי שינוי

איך משתמשים בבודק

  1. לחצו על מקש כלשהו. התיבה הגדולה מציגה את ערך המקש, והשדות לידה מציגים את event.key, event.code, event.keyCode, event.location, מקשי הצירוף המוחזקים, מקשי הנעילה הפעילים ו-event.repeat.
  2. לחצו על התחל לכידה מלאה כדי לבדוק גם מקשים שהדפדפן משתמש בהם בעצמו, כמו Tab, רווח, מקשי F וקיצורים רבים. לחצו פעמיים מהר על Esc, או על עצור, כדי לצאת.
  3. פתחו את יומן האירועים כדי לראות את 80 אירועי ה-keydown וה-keyup האחרונים לפי הסדר, למשל כדי לבדוק צירוף מקשים.
  4. לחצו על העתק אירוע אחרון (JSON) כדי להדביק את הערכים בדיווח באג או בקוד. נקה יומן מרוקן את הרשימה.

מה כל ערך אומר

  • key: התו או שם המקש שנוצר, אחרי הפריסה ומקשי הצירוף. בפריסה עברית אותו מקש פיזי שנותן "a" בפריסה אמריקאית נותן "ש".
  • code: המקש הפיזי, בשם לפי המיקום שלו במקלדת QWERTY אמריקאית. במקלדת AZERTY צרפתית המקש שמסומן A מדווח KeyQ. השתמשו בו לשליטה במשחקים ולקיצורים שקשורים למיקום.
  • keyCode (ו-which ב-JSON): מספרים ישנים שהוצאו משימוש אבל עדיין מדווחים. הם שונים בין פריסות ודפדפנים; בקוד חדש עדיף key או code.
  • location: 0 רגיל, 1 שמאל, 2 ימין, 3 לוח מספרים. הוא מבדיל בין Shift, Ctrl, Alt ו-Meta השמאליים והימניים, ובין מקשי הלוח לשורת המספרים.
  • מקשי צירוף ונעילה: Control, Shift, Alt ו-Meta שהוחזקו בזמן האירוע, והאם Caps Lock, Num Lock או Scroll Lock פעילים, כפי שמדווח getModifierState().
  • repeat: כן לאירועים שחוזרים אוטומטית כשמקש מוחזק.

הפתעות נפוצות

  • Dead: מקשי ניקוד והטעמה בפריסות בינלאומיות רבות לא מפיקים תו עד המקש הבא, ולכן key הוא Dead.
  • Process או keyCode 229: שיטת קלט (למשל לסינית או ליפנית, או חלק ממקלדות הטלפון) מרכיבה טקסט והמקש האמיתי מוסתר.
  • AltGr ב-Windows מגיע בדרך כלל כ-Control ועוד Alt, ולכן ייתכן שתראו שני אירועים ושני מקשי צירוף.
  • מקש Command ב-Mac: כל עוד Command מוחזק, הדפדפן לא מדווח על שחרור של מקשים אחרים.
  • code ריק או Unidentified: המקלדת, הדרייבר או החיבור המרוחק לא סיפקו מקש פיזי. מקש Fn לא מופיע בכלל כי הוא מטופל בתוך המקלדת.

מגבלות

הדף מציג את מה שהדפדפן חושף, אחרי שמערכת ההפעלה ופריסת המקלדת עיבדו את המקש. הוא לא יכול להציג scan codes גולמיים או נתוני USB HID, לא רואה מקשים שמערכת ההפעלה תופסת קודם (כמו Ctrl+Alt+Del), ולא משנה או ממפה מקשים מחדש. הוא גם לא מודד השהיית מקלדת או קצב דגימה. כדי לבדוק שכל מקש במקלדת עובד, השתמשו בבדיקת המקלדת; לכמה מקשים יחד, בבדיקת הגוסטינג.

שאלות

מה ההבדל בין key ל-code?

code מציין את המיקום הפיזי של המקש ונשאר זהה בכל פריסה. key הוא מה שהלחיצה מפיקה עם הפריסה ומקשי הצירוף הנוכחיים, למשל a, A, ש או @.

עדיין בטוח להשתמש ב-keyCode?

הדפדפנים עדיין מדווחים עליו, אבל הוא הוצא משימוש ואינו עקבי בין פריסות ודפדפנים. השתמשו ב-event.key לתווים וב-event.code למיקומים פיזיים.

מה שאני מקליד נשלח לאנשהו?

לא. האירועים מוצגים רק בדף הזה ונעלמים כשסוגרים את הלשונית. העתקת ה-JSON שמה אותו רק בלוח ההעתקה שלכם.

בדיקות קשורות

מדריכים