اجرای دستورات با فشردن چند دکمه مشخص کیبورد ( keyboard )



visibility  
mode_comment   ۸

در این مطلب میخوام کدی رو در اختیارتون بزارم که میتونین بوسیله ی اون کاری کنید که فقط طی فشردن دکمه های خاصی از keyboard ، کدهای خاصی اجرا بشن.

مثلا فرض کنید میخوایم زمانی که کاربر پشت سر هم کلیدهای بالا بالا پایین پایین چپ راست چپ راست را فشار داد ، کار خاصی انجام بشه.

در این مطلب از jQuery استفاده کردم ، که شما همچنین میتونین از اون استفاده نکنین.

همونطور که میدونید هر کلید بر روی کیبورد یک کد خاصی داره. ما میایم و از همین ویژگی برای انجام این کار استفاده میکنیم.

میبینید که در بالا ابتدا jQuery رو به سند خودمون اضافه کردیم. بعد از اون یک آرایه تشکلیل دادیم و کدهای هر کلید رو درون اون نوشتیم. بعد از اون هم از رویداد keydown استفاد کردیم و کدهامونو در اون قرار دادیم.

در بالا مشخص کردیم که اگر کاربر این کلیدها رو پشت سر هم فشار داد ، یک alert براش ظاهر بشه و عبارت Done رو بهش نشون بده.

لیست کامل کدهای بقیه کلید ها رو هم در جدول زیر میبینید :

jsk

بهمین راحتی. شما میتونین از این کد ایده بگیرین و کارای جالبی رو درست کنید.

امیدوارم بدردتون بخوره.

موفق باشید. یا علی

Source

متخصص جاوا اسکریپت
با جاوا اسکریپت جادوگری کنید! آیا می دونید با زبان جاوااسکریپت می تونید، برای فرانت اند و بک اند وبسایت ها برنامه نویسی کنید؟ همینطور اپلیکیشن دسکتاپ و موبایل بسازید؟ اگر دوست داری اینکارها رو انجام بدی و React, ElectronJS, ReactNative, NodeJS,MongoDB و ... رو تو یه دوره یاد بگیری، متخصص جاوااسکریپت سون لرن رو حتما ببین : متخصص جاوا اسکریپت arrow_back
comment دیدگاه کاربران
هوتن بختیاری replyپاسخ

سلام، چطوری میشه شماره های دیگه رو بدست آورد؟
من میخوام وقتی کاربر از حروف صفحه کلید پشت سر هم استفاده کرد پیامی رو بهش نشون بدم.

لقمان آوند

کد بقیه کاراکتر ها هم به مطلب اضافه شد

هوتن بختیاری replyپاسخ

شماره حرف های دیگه صفحه کلید رو هم بدید.

لقمان آوند

به مطلب اضافه شد

رضا replyپاسخ

سلام
خیلی ممنون، واقعا دنبال همپین چیزی بودم 🙂

محمد اسفندیاری

خواهش میکنم…..موفق باشید

داوود replyپاسخ

سلام ، ممنون از زحمت شما ، ولی سوال بنده اینه که چطور ممکنه از ترکیب کلیدها (مثل ctrl+shft) استفاده کرد؟ و چطور میشه این ترکیب کلید ها را تشخیص داد؟

محمد اسفندیاری

سلام
برای اینکار شما میتونین از پلاگینهایی که وجود داره استفاده کنید مانند:
https://github.com/jeresig/jquery.hotkeys
موفق باشید

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :