لوحة المفاتيح هي واحدة من أكثر الأجهزة شيوعا للتفاعل مع الكمبيوتر. ولكن ماذا تفعل عندما تحتاج إلى معرفة أي زر على لوحة المفاتيح تم الضغط عليه? علاوة على ذلك, ما هو نوع الشخصية التي تم إدخالها? في هذه المقالة ، سوف نلقي نظرة مفصلة على كيفية الحصول على هذه المعلومات.
هناك عدة طرق لمعرفة أي زر على لوحة المفاتيح تم الضغط عليه. أحدها هو استخدام جافا سكريبت ، وهي لغة برمجة تستخدم على نطاق واسع على مواقع الويب. باستخدام جافا سكريبت ، يمكنك تتبع ضغطات المفاتيح وتنفيذ إجراءات معينة اعتمادا على الزر الذي تضغط عليه.
بادئ ذي بدء ، ستحتاج إلى إنشاء معالج أحداث سيتم استدعاؤه في كل مرة يتم فيها الضغط على مفتاح. ثم يمكنك استخدام رموز مفاتيح خاصة لتحديد الزر الذي تم الضغط عليه. على سبيل المثال ، يتوافق الرمز 65 مع الزر "أ" ، ويتوافق الرمز 66 مع الزر "ب".
تذكر أن كل زر على لوحة المفاتيح له رمز فريد خاص به
- كيفية تحديد الزر الذي يتم الضغط عليه على لوحة المفاتيح: دليل مفصل
- أحداث لوحة المفاتيح ومعالجتها
- باستخدام الحدث كيدون
- طريقة الحدث.كيكود ووظائفه
- التطبيق العملي لحدث المفتاح
كيفية تحديد الزر الذي يتم الضغط عليه على لوحة المفاتيح: دليل مفصل
يمكن أن يكون تحديد الزر الذي يتم الضغط عليه على لوحة المفاتيح مفيدا عند تطوير تطبيقات الويب أو الألعاب التي تتطلب استجابة لمفاتيح معينة. في هذا الدليل ، سننظر في عدة طرق لتحقيق هذا الهدف.
- باستخدام أحداث لوحة المفاتيح جافا سكريبت
- استخدام مكتبات أو أطر عمل خاصة
1. باستخدام أحداث لوحة المفاتيح جافا سكريبت:
توفر جافا سكريبت العديد من الأحداث التي يمكن استخدامها لتحديد الزر الذي يتم الضغط عليه على لوحة المفاتيح. بعض منهم تشمل:
- - حدث يتم تشغيله عند الضغط على مفتاح
- - حدث يتم تشغيله عند تحرير المفتاح
نموذج التعليمات البرمجية:
وثيقة.أدفنتليستينر ('كيدون' ، وظيفة (الحدث) {
هناك العديد من المكتبات والأطر التي تسهل تحديد ضغطات المفاتيح. واحد منهم هو
كيدون
مكتبة توفر طرقا للتعامل مع أحداث لوحة المفاتيح.
نموذج التعليمات البرمجية:
| كيدون ('أ' ، وظيفة () { | |
|---|---|
| وحدة التحكم.سجل ('مفتاح' يتم الضغط); | }); |
| أخيرا ، يمكن تحديد الزر الذي يتم الضغط عليه على لوحة المفاتيح باستخدام أحداث لوحة مفاتيح جافا سكريبت أو المكتبات والأطر الخاصة. يعتمد اختيار نهج معين على متطلبات مشروعك وتفضيلاتك. |
أحداث لوحة المفاتيح ومعالجتها
يمكن أن تكون أحداث لوحة المفاتيح لصفحة الويب مفيدة لأغراض مختلفة ، مثل الاستجابة لضربات مفاتيح معينة أو معالجة اختصارات لوحة المفاتيح أو إنشاء تطبيقات تفاعلية باستخدام لوحة المفاتيح. في المتصفح ، يتم إنشاء أحداث لوحة المفاتيح في كل مرة يتم فيها الضغط على مفتاح أو تحريره.
يستخدم جافا سكريبت أساليب وخصائص خاصة للتعامل مع أحداث لوحة المفاتيح. على سبيل المثال ، يتم إنشاء الحدث كيدون عند الضغط على مفتاح ، ويتم إنشاء الحدث كيوب عندما يتم تحرير مفتاح. للتعامل مع هذه الأحداث ، يمكنك استخدام طريقة أديفنتليستينر () أو السمة أونكيدون/أونكييوب في هتمل.
يحتوي كل حدث لوحة مفاتيح على كائن حدث مرتبط به ، والذي يحتوي على معلومات حول الحدث. خصائص الحدث الرئيسية هي رمز المفتاح والمفتاح ، والتي توفر معلومات حول المفتاح المضغوط.
الحدث
الوصف
كيدون
ولدت عند الضغط على المفتاح
كيوب
ولدت عندما يتم تحرير المفتاح
الضغط على المفتاح
ولدت عند الضغط على مفتاح رمزيعلى سبيل المثال ، لمعرفة المفتاح الذي تم الضغط عليه ، يمكنك استخدام الكود التالي:
"'جافا سكريبت
وثيقة.أديفنتليستينر ("كيدون" ، وظيفة (الحدث) {وحدة التحكم.سجل ("يتم الضغط على المفتاح مع الرمز:" + حدث.كيكود);
});
في مثال الكود المحدد ، سيتم إخراج رمز المفتاح المضغوط إلى وحدة التحكم. يمكن استخدام المشغلين الشرطيين أو بنية التبديل لمعالجة المفاتيح الأخرى.ومن الجدير بالذكر أيضا أنه يتم إنشاء حدث الضغط على المفاتيح فقط لمفاتيح الأحرف ، ويتم استخدام أحداث كيدون وكيوب لمفاتيح الوظائف مثل إنتر أو شيفت. لذلك ، إذا كنت بحاجة إلى معالجة جميع المفاتيح ، فمن المستحسن استخدام الحدث كيدون.
من المهم ملاحظة أنه يمكن ربط معالجات أحداث لوحة المفاتيح بأي عنصر على صفحة الويب ، وليس فقط بنافذة المتصفح نفسها. يتيح لك ذلك إنشاء تطبيقات تفاعلية يتم التحكم فيها بلوحة المفاتيح حيث تتم معالجة الأحداث داخل عناصر معينة فقط.
باستخدام الحدث كيدون
});
في المثال أعلاه ، في كل مرة يضغط فيها المستخدم على مفتاح على لوحة المفاتيح ، سيتم عرض الرسالة "الضغط على المفتاح" في وحدة تحكم المتصفح.
وحدة التحكم.سجل ('المفتاح' + الحدث.مفتاح + 'يتم الضغط');});
});
طريقة الحدث.كيكود ووظائفه
لاستخدام
طريقة الحدث.كيكود
- من الضروري ربط معالج الحدث بالعنصر الذي تريد تتبع ضغطة المفاتيح عليه. داخل معالج الحدث ، يمكنك الوصول إلى كائن الحدث
- .
لمعرفة الزر الذي يتم الضغط عليه ، يمكنك استخدام الكود التالي: