يعد الضغط على مفتاح على لوحة المفاتيح إحدى الطرق الرئيسية التي يتفاعل بها المستخدم مع صفحة الويب. عادة ما يتم التعامل مع هذه العملية باستخدام جافا سكريبت ، ولكن باستخدام مسج يسمح لك لتبسيط التعليمات البرمجية وجعلها أكثر قابلية للفهم والتعاقد.
مسج هي مكتبة جافا سكريبت التي توفر للمطورين مع وسيلة بسيطة وأنيقة للعمل مع عناصر هتمل ، والتعامل مع الأحداث ، والعديد من الميزات الأخرى. يسهل عملية إنشاء صفحات ويب تفاعلية ويمنحها ديناميكية.
للتعامل مع الحدث المفاتيح لوحة المفاتيح باستخدام مسج ، يمكنك استخدام الأسلوب.أسفل المفتاح (). تتيح لك هذه الطريقة تنفيذ إجراء معين عند الضغط على مفتاح على لوحة المفاتيح.
});
- في هذا المثال ، نستخدم الطريقة.أسفل المفتاح () وتمريرها وظيفة مجهولة سيتم استدعاؤها في كل مرة يتم فيها الضغط على مفتاح على لوحة المفاتيح. تحتوي معلمة الحدث على معلومات حول الحدث ، بما في ذلك الضغط على المفتاح.
- التعامل مع الحدث المفاتيح لوحة المفاتيح مع مسج يمنحك القدرة على إضافة بسهولة التفاعل وظائف لصفحات الويب الخاصة بك. يمكنك تنفيذ إجراءات مختلفة ، مثل تغيير محتويات العناصر ونقل العناصر وإرسال البيانات إلى الخادم والمزيد.
- الضغط على مفتاح على لوحة المفاتيح باستخدام مسج
- ربط مكتبة مسج
- التعامل مع حدث ضغط المفاتيح
خاتمة
التعامل مع الحدث ضغطة لوحة المفاتيح
باستخدام مسج للتعامل مع الحدث ضغطة
الضغط على مفتاح على لوحة المفاتيح باستخدام مسج
غالبا ما يواجه مطورو الويب الحاجة إلى التعامل مع أحداث ضغط لوحة المفاتيح. يمكن أن يكون هذا مفيدا ، على سبيل المثال ، لإنشاء نماذج تفاعلية أو ألعاب أو تطبيقات باستخدام اختصارات لوحة المفاتيح.
- ومع ذلك ، جافا سكريبت الأصلي لا توفر دائما أدوات مريحة ومفهومة للعمل مع لوحة المفاتيح. بدلا من ذلك ، يمكننا استخدام مكتبة مسج ، مما يجعل من الاسهل للتعامل مع الأحداث إدخال المستخدم.
- ربط مكتبة مسج
- قبل أن تتمكن من البدء في استخدام مسج للتعامل مع أحداث لوحة المفاتيح ، تحتاج إلى توصيل المكتبة نفسها. للقيام بذلك ، يمكنك استخدام التعليمات البرمجية التالية:
تحميل ملف مسج من الموقع الرسمي: https://jquery.com/download /.
ضع ملف مسج في المشروع الخاص بك ، على سبيل المثال ، في مجلد" جس".
أضف السطر التالي من التعليمات البرمجية إلى مستند هتمل لتوصيل المكتبة:
التعامل مع حدث ضغط المفاتيحبعد توصيل مسج ، يمكنك البدء في معالجة الأحداث ضغطة.
للقيام بذلك ، ستحتاج إلى تحديد العنصر في الصفحة التي تريد تطبيق معالج الأحداث عليها ، واستخدام الكود التالي:
document (وثيقة).أسفل المفتاح(وظيفة (حدث) {// رمز معالج الأحداث
});
في المثال أعلاه ، اخترنا المستند كعنصر سنعلق عليه المعالج لحدث ضغط المفاتيح. يمكنك أيضا تحديد عنصر آخر في الصفحة عن طريق تحديد محدد بدلا من "مستند".
داخل معالج الحدث ، يمكننا الحصول على معلومات حول المفتاح المضغوط باستخدام كائن الحدث. على سبيل المثال ، يمكننا التحقق من رمز المفتاح المضغوط وتنفيذ إجراء معين:
document (وثيقة).أسفل المفتاح(وظيفة (حدث) {
إذا (حدث.التي = = = 13) {
تنبيه ("لقد ضغطت على إدخال!");
}
});
باستخدام مسج يجعل التعامل مع الأحداث المفاتيح لوحة المفاتيح أكثر ملاءمة ومفهومة. يمكنك تحديد العنصر المطلوب في الصفحة وتطبيق معالج الأحداث لتنفيذ الإجراءات اللازمة عند الضغط على مفاتيح معينة.
وبالإضافة إلى ذلك ، يوفر مسج ميزات إضافية للعمل مع لوحة المفاتيح ، مثل التعامل مع عقد مفتاح أو استخدام مفاتيح التعديل. يمكنك معرفة المزيد عن هذا في وثائق مسج الرسمية.
التعامل مع الحدث ضغطة لوحة المفاتيح
باستخدام مكتبة مسج ، يمكنك بسهولة التعامل مع الحدث المفاتيح لوحة المفاتيح. للقيام بذلك ، تحتاج إلى ربط المعالج إلى كدون أو كيوب الحدث.
عند استخدام حدث كيدون ، سيتم استدعاء المعالج عند الضغط على مفتاح على لوحة المفاتيح ، بينما عند استخدام حدث كيبوب ، سيتم استدعاؤه عند تحرير المفتاح.
لربط معالج الحدث ضغطة على لوحة المفاتيح, استخدام .على () الأسلوب ، تحديد كيدون أو كيوب الحدث في الوسيطة الأولى ، والدالة التي سيتم تنفيذها عند حدوث الحدث في الوسيطة الثانية. في هذه الوظيفة ، يمكنك تحديد الإجراءات اللازمة التي يتعين القيام بها عند الضغط على مفتاح معين على لوحة المفاتيح.
على سبيل المثال ، يسمح لك الكود التالي بمعالجة حدث الضغط على مفتاح " إدخال:
| document (وثيقة).تشغيل ("أسفل المفتاح" ، وظيفة (حدث) { | إذا (حدث.رمز المفتاح = = = 13) { |
| // تنفيذ الإجراءات عند الضغط على "أدخل" | وحدة التحكم الرئيسية.سجل ("يتم الضغط على مفتاح "أدخل"); |
| } | }); |
| في هذا المثال ، تتلقى وظيفة معالجة الحدث كائن حدث يحتوي على معلومات حول المفتاح المضغوط. بعد ذلك ، يتم التحقق من رمز المفتاح المضغوط باستخدام الحدث.رمز المفتاح. إذا كان رمز المفتاح المضغوط يتوافق مع 13 (رمز مفتاح "إدخال") ، فسيتم تنفيذ الإجراءات المحددة. |
باستخدام هذا الأسلوب ، يمكنك التعامل مع حدث الضغط على أي مفتاح على لوحة المفاتيح وتنفيذ الإجراءات اللازمة اعتمادا على المفتاح المضغوط.
باستخدام مسج للتعامل مع الحدث ضغطة
كل شيء يبدأ مع ربط مكتبة مسج إلى المشروع الخاص بك. للقيام بذلك ، يمكنك تنزيله من الموقع الرسمي أو استخدام رابط كندي. تأكد من أن المكتبة متصلة قبل شفرة جافا سكريبت الخاصة بك.