يأخذك محرر Downcodes عبر تطبيق Claude AI chatbot لسطح المكتب الذي تم إصداره حديثًا! أصبح هذا التطبيق الآن رسميًا عبر الإنترنت ويدعم أنظمة Mac وWindows، ويمكن للمستخدمين تنزيله مجانًا من خلال موقع Anthropic الرسمي. بالمقارنة مع إصدار الويب، يوفر تطبيق سطح المكتب تجربة تفاعلية أكثر ملاءمة وأسرع، مما يسمح للمستخدمين بالتحدث إلى كلود في أي وقت وفي أي مكان، مما يحسن كفاءة العمل والتعلم. ستقدم هذه المقالة بالتفصيل الميزات الوظيفية والمزايا والمقارنة مع روبوتات الدردشة الأخرى التي تعمل بالذكاء الاصطناعي لتطبيق Claude لسطح المكتب، وستجيب على بعض الأسئلة الشائعة لتمنحك فهمًا شاملاً لأداة الذكاء الاصطناعي القوية هذه.
في JavaScript، من المتطلبات الشائعة الحصول على رمز مفتاح لوحة المفاتيح المقابل من خلال اسم المفتاح (أي اسم المفتاح الذي يضغط عليه المستخدم)، والذي يستخدم بشكل أساسي لمعالجة أحداث لوحة المفاتيح. تتضمن طرق الحصول على رمز المفتاح الاستماع إلى أحداث لوحة المفاتيح، واستخدام السمة events.key، والبحث عن جدول تعيين رمز المفتاح المقابل. من بينها، الاستماع إلى أحداث لوحة المفاتيح هو الطريقة الأكثر مباشرة. عندما يضغط المستخدم على أحد المفاتيح، سيقوم المتصفح بتشغيل حدث لوحة المفاتيح (مثل إيقاف المفتاح أو فتح المفتاح). يحتوي كائن الحدث هذا على معلومات تشغيل لوحة المفاتيح ذات الصلة، ومن بينها Event.keyCode (قد عفا عليه الزمن الآن، يوصى باستخدام رمز الحدث أو الحدث). .key) السمة هي رمز المفتاح الذي نريد الحصول عليه.
للحصول على رمز المفتاح الخاص بلوحة المفاتيح من خلال اسم المفتاح، عليك أولاً الاستماع إلى أحداث لوحة المفاتيح. في جافا سكريبت، يمكن تحقيق ذلك عن طريق إضافة مستمعي الأحداث. هنا نأخذ حدث keydown كمثال. سيتم تشغيل هذا الحدث عندما يضغط المستخدم على أي مفتاح.
document.addEventListener('keydown', function(event) {
console.log(اسم المفتاح المضغوط: +event.key);
console.log(KeyCode للمفتاح المضغوط: + events.keyCode); // غير مستحسن
console.log(يوصى باستخدام رمز الحدث: + رمز الحدث);
});
سوف يستمع هذا الرمز إلى حدث keydown للمستند بأكمله. عند الضغط على مفتاح، سيتم طباعة اسم المفتاح الحالي (event.key) ورمز المفتاح المهمل (event.keyCode) ورمز الحدث الموصى به. يوفر Event.key اسمًا يمكن قراءته بواسطة الإنسان للمفتاح، بينما يوفر events.code ترميزًا رئيسيًا أكثر استقرارًا ومعياريًا وأكثر ملاءمة لتحديد مفاتيح فعلية معينة.
تُرجع الخاصية events.key اسم المفتاح. بالنسبة لمعظم المواقف التي يلزم فيها الحصول على رمز المفتاح من خلال اسم المفتاح، فإن استخدام events.key مباشرة يكون كافيًا لتلبية الاحتياجات. بالمقارنة مع keyCode أو charCode، فإن ميزة Event.key هي أنه يمكنه إرجاع اسم مفتاح سهل الفهم مباشرة، مثل Enter وArrowLeft وما إلى ذلك، لذلك ليست هناك حاجة للتحقق من قيمة keyCode المقابلة.
ومع ذلك، إذا كنت تحتاج حقًا إلى keyCode في السيناريو الخاص بك، فقد تحتاج إلى إنشاء جدول تعيين من events.key إلى keyCode بنفسك، أو استخدام وظائف المكتبة للمساعدة في إكمال هذا التعيين.
خريطة المفاتيح الثابتة = {
أدخل: 13،
السهم لليسار: 37،
السهم لليمين: 39،
// املأ المزيد من التعيينات الرئيسية
};
document.addEventListener('keydown', function(event) {
إذا (keyMap[event.key]) {
console.log(رمز المفتاح المعين: + keyMap[event.key]);
}
});
هناك العديد من جداول تعيين رموز المفاتيح وأسماء المفاتيح المبرمجة مسبقًا على الإنترنت. في بعض الحالات المحددة، عندما تعرف اسم المفتاح المحدد الذي ضغط عليه المستخدم وتريد الحصول على رمز المفتاح المقابل، يمكنك الاستعلام مباشرة عن جداول التعيين هذه. ومع ذلك، من المهم ملاحظة أنه نظرًا لأنه تم التخلص التدريجي من keyCode ولم يعد موصى به، فإن الطريقة الموصى بها هي استخدام events.key أو events.code كلما أمكن ذلك. ولا ينبغي لنا أن ننظر إلى هذا النهج، رغم أنه لا يزال له مكانه في بعض المشاريع القديمة، باعتباره حلاً طويل الأجل.
على الرغم من أن Event.key وevent.code يوفران طريقة أكثر حداثة وموحدة للتعامل مع أحداث لوحة المفاتيح، إلا أنه لا تزال هناك بعض التفاصيل التي يجب الانتباه إليها عندما يتعلق الأمر بالتوافق عبر المتصفحات. قد لا تدعم بعض الإصدارات القديمة من المتصفحات هذه الخصائص، لذلك عند التطوير، تأكد من إجراء الكشف عن الميزات المقابلة، أو استخدم Polyfill لتوفير الدعم الاحتياطي.
document.addEventListener('keydown', function(event) {
Let key =event.key ||.event.keyCode;
console.log(المفتاح المضغوط: + مفتاح);
});
في هذا الكود، يتم استخدام عامل التشغيل ||. لمحاولة الحصول على قيمةevent.key أولاً؛
على الرغم من أنه من الممكن تقنيًا الحصول على keyCode من اسم المفتاح بطرق مختلفة، إلا أنه مع تطور تكنولوجيا الويب، فإن ضرورة استخدام keyCode مباشرة تتناقص تدريجيًا. توفر واجهات برمجة التطبيقات الجديدة مثل events.key وevent.code طريقة أكثر سهولة وموحدة للتعامل مع أحداث لوحة المفاتيح. لذلك، عند مواجهة مثل هذه المتطلبات، يجب أن تكون الممارسة المفضلة هي استخدام واجهات برمجة التطبيقات الحديثة هذه مع الحفاظ على اعتبارات التوافق مع المتصفحات الأقدم.
1. كيف يمكن الحصول على رمز المفتاح الخاص بلوحة المفاتيح من اسم المفتاح باستخدام JavaScript؟
عندما يقوم المستخدم بتشغيل حدث لوحة المفاتيح، يمكننا الحصول على رمز المفتاح الخاص بلوحة المفاتيح من اسم المفتاح من خلال JavaScript. ويمكن القيام بذلك باتباع الخطوات التالية:
أولاً، استمع إلى أحداث لوحة المفاتيح، مثل حدث الضغط على لوحة المفاتيح للأسفل، أو حدث رفع لوحة المفاتيح، أو الضغط على مفتاح حدث إدخال الأحرف. في وظيفة معالجة الأحداث، يتم الحصول على حدث كائن الحدث، والذي يمكن تمريره من خلال المعلمات أو الحصول عليه من خلال window.event. استخدم Event.keyCode للحصول على رمز المفتاح الخاص بلوحة المفاتيح.هنا نموذج التعليمات البرمجية:
document.addEventListener('keydown', function(event) { var keyCode = events.keyCode; console.log('Keycode:', keyCode);});كيفية الحصول على اسم المفتاح المقابل بناءً على رمز المفتاح؟توفر JavaScript واجهة KeyboardEvent، والتي يمكن استخدامها للحصول على اسم المفتاح المطابق لرمز المفتاح. يمكن الحصول على ذلك باستخدام خصائص KeyboardEvent.key أو KeyboardEvent.code، اعتمادًا على ما إذا كنت تريد الحصول على الاسم الفعلي للمفتاح أو المفتاح الأساسي المشفر الذي تم إنشاؤه بواسطة المتصفح.
هنا نموذج التعليمات البرمجية:
document.addEventListener('keydown', function(event) { var keyName = events.key; console.log('Keyname:', keyName);}); كيفية الحصول على رمز مفتاح لوحة المفاتيح المتوافق مع المتصفحات المختلفة؟قد يكون للمتصفحات المختلفة تسمية مختلفة قليلاً لخصائص كائن الحدث، لذلك عند الحصول على رمز المفتاح للوحة المفاتيح، يجب أن يكون متوافقًا مع المتصفحات المختلفة.
يمكنك استخدام الكود التالي ليكون متوافقًا مع المتصفحات المختلفة:
document.addEventListener('keydown', function(event) { var keyCode = events.keyCode || events.what || events.charCode; console.log('Keycode: ', keyCode);});في هذا المثال، نستخدم عامل التشغيل المنطقي OR || للحصول على سمات أحداث لوحة المفاتيح الأكثر شيوعًا والتأكد من الحصول على رمز مفتاح لوحة المفاتيح بشكل صحيح في متصفحات متعددة.
نأمل أن تساعدك هذه المقالة على فهم كيفية التعامل مع أحداث لوحة المفاتيح بشكل أفضل والحصول على رمز المفتاح في JavaScript. سيستمر محرر Downcodes في تقديم المزيد من النصائح العملية لك!