استفاده از کلیدهای میانبر در طراحی سایت

۲۶ فروردین ۱۳۹۷

طراحی سایت

ما از کلیدهای میانبر در همه جا استفاده می کنیم مانند ویرایشگرها، gmail، ویندوز و ... مثلا با زدن Ctrl+S مطالب خود را ذخیره می کنیم. حالا در طراحی سایت باید چگونه این کار را انجام دهیم؟ در اینجا ما این کار را با کتابخانه Mousetrap.js انجام می دهیم.

1. Single Keys

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

توجه داشته باشد در این مثالها، کتابخانه jQuery هم نیاز است.

2. Alternative Symbols

Mousetrap هنگام گوش دادن به کلیدهای ترکیبی پیچیده تر می شود مانند حروف بزرگ و نمادهای های خاص:

3. Key combinations

حالا نحوه استفاده از کلیدهای کنترلی و کلیدهای حروف را به شما نمایش می دهیم:

4. Multiple Combinations

در این مثال استفاده از کلیدهای ترکیبی چند گانه را نمایش می دهیم مثلا در ویندوز و مک:

5. Sequences

این کلیدها بسیار قدرتمند هستند و در gmail هم استفاده می شوند مانند کلید های جهت و ...:


 نویسنده:حمید شاه محمدی
 تعداد مشاهده خبر:(367)
 هر روز از مقاله های جدید طراحی سایت در کانال تلگرام ما با خبر شوید

 میانگین امتیازات:
 
  تعداد رای دهندگان: {{ count }}
نظرات:

{{ x }}
{{ alert }}

نویسنده:{{ com.name }}
{{ com.body }}
{{ com.created_at }}