يمكن أن يكون عرض ضغطات المفاتيح على لوحة المفاتيح مفيدا عند إنشاء تطبيقات أو ألعاب أو عروض توضيحية تفاعلية. تتيح هذه الوظيفة للمستخدمين معرفة المفاتيح التي يضغطون عليها في الوقت الفعلي ، والتي يمكن أن تكون مفيدة بشكل خاص عند التعلم أو تصحيح الأخطاء. في هذا الدليل العملي ، سننظر في كيفية تنفيذ عرض ضغطات المفاتيح على لوحة المفاتيح باستخدام هتمل وجافا سكريبت.
بادئ ذي بدء ، سنحتاج إلى بعض شفرة جافا سكريبت التي ستتعامل مع ضغطات المفاتيح. يمكننا استخدام معالجات الأحداث للرد على ضغطات المفاتيح وتنفيذ إجراءات معينة عند تنشيطها. على سبيل المثال ، يمكننا كتابة وظيفة تعرض معلومات حول المفتاح المضغوط على الشاشة.
نموذج شفرة جافا سكريبت:
وثيقة.أدفنتليستينر ('كيدون' ، وظيفة (الحدث) {
فار مفتاح = حدث.مفتاح;
فار ديسبلايليمنت = وثيقة.جيتليمنتبيد ('عرض');
ديسبلايليمنت.إنترتمل = 'ضغطت على المفتاح:' + مفتاح;
});
كما ترون من المثال ، ونحن نستخدم معالج الحدث 'كيدون' للقبض على ضربات المفاتيح. تتلقى وظيفة معالج كائن حدث من المعلومات التي حول مفتاح الضغط يمكن استخراج باستخدام الخاصية 'مفتاح'. ثم نجد العنصر مع معرف ' عرض 'وتحديث محتوياته باستخدام خاصية 'إنترتمل' لعرض معلومات حول المفتاح المضغوط.
الآن بعد أن أصبح لدينا شفرة جافا سكريبت للتعامل مع ضغطات المفاتيح ، يمكننا إنشاء عناصر هتمل التي ستعرض معلومات حول ضغطات المفاتيح. يمكننا استخدام العنصر