انتقل إلى محتوى الدرس

Reading Character Value event key قراءة المفتاح عبر event key

أتقن أحداث لوحة المفاتيح في JavaScript عبر keydown وkeyup، وميّز بدقة بين event.key المنطقية وevent.code الفيزيائية، وبرمج الاختصارات بعيداً عن keyCode القديمة.
3 صفوف تعليمية
جافا سكريبت
6 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تُعد الخاصية النصية e.key الأداة الأساسية الأوضح في معظم التطبيقات؛ فمع مفاتيح الكتابة تُرجع المحرف الفعلي الناتج مع مراعاة لغة لوحة المفاتيح الحالية وحالة مفتاح Shift (مثل "a" أو "A" أو الحرف العربي المقابل).

ومع مفاتيح الأوامر والتنقل غير المطبوعة تُرجع e.key أسماء قياسية مقروءة وواضحة تماماً مثل "Enter" و"Escape" و"Backspace" و"ArrowDown".

الصف 2 كود برمجي
JavaScript
const field = document.getElementById('key-input');
const out = document.getElementById('key-display');
field.addEventListener('keydown', function (e) {
  out.textContent =
    'key=' + e.key + ' | code=' + e.code + ' | rep=' + e.repeat;
});
الصف 3 ملاحظة هامة