Keyboard Key Code Viewer
اضغط على أي مفتاح للحصول على KeyCode جافاسكريبت
خصائص الحدث
السجل الأخير
الأدوات الموصى بها
أدوات مختارة بعناية قد تجدها مفيدة
إيجاد رمز مفتاح JavaScript لأي مفتاح
نظرة عامة
عند بناء تفاعلات لوحة المفاتيح على الويب، تحتاج لمعرفة القيمة التي ينتجها الضغط بدقة — `key` و`code` و`keyCode` القديم. يعرض عارض رموز المفاتيح هذه حيّاً: اضغط أي مفتاح فيعرض المعرّفات التي سيراها JavaScript لديك. تلتقط هذه الأداة أحداث لوحة المفاتيح في متصفحك لتربط الاختصارات والمعالِجات دون تخمين.
كيفية الاستخدام
- 1
ركّز على الأداة واضغط مفتاحاً
انقر داخل العارض واضغط أي مفتاح أو تركيبة تريد فحصها.
- 2
اقرأ المعرّفات
شاهد `key` و`code` و`keyCode` وأي مُعدِّلات كانت مضغوطة.
- 3
استخدم الخاصية الصحيحة
انسخ القيمة المناسبة لمعالِجك — عادةً `key` للأحرف و`code` لمواضع المفاتيح الفيزيائية.
كيف يعمل
تنصت الأداة لأحداث لوحة المفاتيح، وعند ضغط مفتاح تقرأ خصائص الحدث: `key` (الحرف أو الاسم مثل 'a' أو 'Enter')، و`code` (المفتاح الفيزيائي مثل 'KeyA')، و`keyCode` الرقمي (مهمَل لكنه لا يزال يظهر)، وحالات المُعدِّلات (Shift وCtrl وAlt وMeta). تعرضها فوراً. كل شيء يجري محلياً في متصفحك — لا تُسجَّل ضغطاتك ولا تُرسَل.
متى تستخدمه
بناء اختصار لوحة مفاتيح والحاجة إلى `key` أو `code` الدقيق للمطابقة. تصحيح سبب عدم إطلاق معالِج لمفتاح معيّن. تمييز مفاتيح تتشارك حرفاً عبر التخطيطات. كشف تركيبات المُعدِّلات لاختصار. تعلّم الفرق بين `key` و`code` و`keyCode`. التحقق مما يُبلّغ عنه مفتاح خاص أو وسائط.
الأسئلة الشائعة
`key` هي القيمة المنتَجة، تتأثر بالتخطيط والمُعدِّلات (Shift+a تعطي 'A'). `code` هو الموضع الفيزيائي للمفتاح، لا يتأثر بالتخطيط (دائماً 'KeyA' لذلك المفتاح). استخدم `key` للأحرف و`code` لاختصارات المواضع الفيزيائية مثل WASD.
ملاحظات مهمة
تتصرف بعض المفاتيح بشكل مختلف عبر المتصفحات وأنظمة التشغيل وتخطيطات لوحة المفاتيح — خاصة المفاتيح الميتة وإدخال IME ومفاتيح الوسائط. اختبر على منصّاتك المستهدفة بدل افتراض أن قيم جهاز واحد تنطبق في كل مكان.