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