ضربات المفاتيح لوحة المفاتيح باستخدام مسج: دليل المطور

تلعب أحداث لوحة المفاتيح دورا مهما في إنشاء تجربة مستخدم تفاعلية على صفحات الويب. أنها تسمح للمستخدمين بالتفاعل مع الموقع عن طريق الضغط على مفاتيح معينة على لوحة المفاتيح الخاصة بهم. باستخدام مكتبة مسج يجعل من الاسهل للتعامل مع هذه الأحداث ويضيف وظائف لقدرات جافا سكريبت.

يوفر مسج أساليب مريحة للتعامل مع الأحداث لوحة المفاتيح مثل ضغطة ، مفتاح عقد ، والإفراج عن مفتاح. يمكنك بسهولة تحديد المفتاح الذي ضغط عليه المستخدم وتنفيذ الإجراءات المناسبة استجابة لذلك. هذا مفيد بشكل خاص عند إنشاء الألعاب ونماذج الويب وأي عناصر تفاعلية أخرى على الصفحة.

في هذا الدليل ، ونحن سوف ننظر في الأحداث لوحة المفاتيح الرئيسية في مسج وتظهر لك كيفية استخدامها لمعالجة والاستجابة لضربات المفاتيح. سننظر أيضا في طرق مختلفة لتحديد المفاتيح والعمل مع معدلات المفاتيح واستخدام مفاتيح الاختصار.

تتضمن تجربة المستخدم الجيدة القدرة على التفاعل باستخدام لوحة المفاتيح ، لذا فإن امتلاك المهارات اللازمة للعمل مع المفاتيح على لوحة المفاتيح باستخدام مسج أمر لا غنى عنه لأي مطور ويب. سيساعدك هذا الدليل على فهم أساسيات معالجة أحداث لوحة المفاتيح وتصبح أكثر إنتاجية في عملك.

1. التعامل مع أحداث لوحة المفاتيح على صفحة ويب
2. أمثلة على استخدام وظيفة الضغط على المفتاح () في مسج
3. العمل مع مفاتيح مختلفة ورموزها
4. تعيين الإجراءات عند الضغط على مفاتيح معينة
5. باستخدام كيدون () الحدث ومزاياه

التعامل مع أحداث لوحة المفاتيح على صفحة ويب

للتعامل مع أحداث لوحة المفاتيح على صفحة ويب ، يمكنك استخدام مسج ، مكتبة جافا سكريبت التي تبسط العمل مع عناصر دوم. باستخدام مسج ، يمكنك بسهولة تحديد المفاتيح التي تم الضغط عليها وتنفيذ إجراءات معينة اعتمادا على ذلك.

الطريقة الرئيسية للتعامل مع أحداث لوحة المفاتيح في مسج هو كيدون () ، وهو ما يسمى في كل مرة يضغط المستخدم مفتاح على لوحة المفاتيح. باستخدام هذه الطريقة ، يمكنك تحديد رمز المفتاح المضغوط وتنفيذ إجراءات معينة.

لنلق نظرة على مثال لاستخدام طريقة كيدون () للتعامل مع أحداث لوحة المفاتيح على صفحة ويب:

document (وثيقة).أسفل المفتاح(وظيفة (حدث) {

// الحصول على رمز المفتاح المضغوط

فار رمز المفتاح = حدث.كيكود;

// نقوم بتنفيذ إجراءات معينة اعتمادا على الضغط

مفتاح التبديل (رمز المفتاح) {

استراحة;

القضية 39:

// تنفيذ الإجراءات عند الضغط على المفتاح "الأيمن"

}

});

وحدة التحكم.سجل ("مفتاح الضغط!");

count++;

وحدة التحكم.سجل ("عدد المفاتيح التي تم الضغط عليها:" + عدد);

إذا (حدث.أي = = 13) {

حدث.منعالافتراضي();

(("شكل").إرسال();

3. اختصارات لوحة المفاتيح التفاعلية

في المثال أدناه ، يتم استخدام وظيفة الضغط على المفتاح () لتنفيذ إجراءات معينة عند الضغط على مفاتيح متعددة في وقت واحد:

document (وثيقة).keypress(function(event) {

if (event.which == 99 && event.ctrlKey) {

 console.log("Вы нажали Ctrl+C!");

}

if (event.which == 118 && event.altKey) {

• console.log("Вы нажали Alt+V!");
• }
• });

4. Изменение стиля элемента при нажатии клавиши

В этом примере функция keypress() используется для изменения стиля элемента при нажатии определенной клавиши:

$(document).keypress(function(event) {

if (event.which == 65) {

$("p").css("color", "red");

}

});

5. عرض قيمة المفتاح المضغوط

يوضح هذا المثال استخدام وظيفة الضغط على المفتاح () لعرض قيمة المفتاح المضغوط:

document (وثيقة).الضغط على المفتاح(وظيفة (حدث) {

وحدة التحكم.سجل (سلسلة.منشاركود (حدث.التي));

});

العمل مع مفاتيح مختلفة ورموزها

كل مفتاح على لوحة المفاتيح له رمز فريد خاص به. على سبيل المثال ، مفتاح" أدخل "لديه رمز 13 ، مفتاح" الفضاء "لديه رمز 32 ، ومفتاح" خروج " لديه رمز 27. يمكن استخدام هذه الرموز لتحديد المفتاح الذي تم الضغط عليه أثناء حدث كيدون أو كيوب.

لتحديد مفتاح ، يمكنك استخدام الحدث.أي خاصية ، والتي ترجع رمز المفتاح. على سبيل المثال:

(("الجسم").أسفل المفتاح(وظيفة (حدث) {