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

Key Press Lifecycle keydown keyup حدثا الضغط keydown وkeyup

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

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

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

تقوم معالجة لوحة المفاتيح الحديثة في JavaScript على حدثين قياسيين شاملين: ينطلق keydown فور ضغط أي مفتاح لأسفل (سواء كان حرفاً أو سهماً أو مفتاح تحكم مثل Escape)، وينطلق keyup لحظة رفع الإصبع عن المفتاح.

وإذا أبقى المستخدم إصبعه ضاغطاً على المفتاح، يتكرر انطلاق keydown تلقائياً حاملاً القيمة المنطقية e.repeat === true في كل نبضة تكرار حتى يُختتم بحدث keyup واحد.

الصف 2 صورة توضيحية
مخطط دورة أحداث لوحة المفاتيح والمقارنة بين المعنى النصي event.key والموقع الفيزيائي event.code
الصف 3 ملاحظة هامة