با استفاده از مشخصه accessKey در JavaScript می توانیم کلید میانبری (Shortcut key) که برای فعال کردن (activate) یا تمرکز (focus) بر روی یک عنصر (Element) توسط مشخصه accesskey در HTML تعیین شده است را به دست آوریم.

قبلا در کلید شماره 26202 بیان کردیم که مشخصه accesskey در HTML ، یک کلید میانبر (Shortcut key) را برای فعال کردن (activate) یا تمرکز (focus) بر روی یک عنصر (Element)، تعیین می کند. یعنی مشخصه accesskey ، یک کلید از کیبورد (keyboard) را برای یک عنصر (Element) موجود در صفحه تعیین می کند و بنابراین اگر کاربر، آن کلید مورد نظر از کیبورد (keyboard) را فشار دهد، آنگاه آن عنصر، فعال شده و یا بر روی آن تمرکز می شود (اینکه دو عبارت فعال شدن یا تمرکز کردن بر روی عنصر را به کار می بریم، به دلیل ماهیت متفاوت عملکرد عنصرها در HTML می باشد).

نکته

اگرچه مشخصه accesskey در HTML ، یک کلید میانبر (Shortcut key) را تعیین می کند، اما در واقع باید آن کلید میانبر (Shortcut key) به همراه یک کلید دیگر که توسط نرم افزار مرورگر اینترنت تعیین شده است، به صورت ترکیبی فشار داده شوند. کلیدی که توسط نرم افزار مرورگر اینترنت تعیین می شود، برای مرورگرهای اینترنت مختلف، متفاوت است که برخی از آنها را در عکس زیر نمایش داده ایم (کلید تعیین شده، به سیستم عامل نیز وابسته است) :

به عنوان مثال، اگر مشخصه accesskey در HTML ، کلید p را به عنوان کلید میانبر (Shortcut key) تعیین کند، آنگاه اگر در سیستم عامل ویندوز و در مرورگر اینترنت Chrome باشیم، باید کلیدهای Alt و p را به صورت همزمان بزنیم.

به عنوان مثال، کد HTML زیر که برای ساخت یک لینک (Link) با استفاده از تگ a به کار رفته است را در نظر بگیرید :

کد HTML بالا، کلید k از کیبورد را به عنوان کلید میانبر (Shortcut key) برای لینک (Link) تعیین کرده است. بنابراین زدن کلید k (البته به همراه کلید تعیین شده توسط نرم افزار مرورگر اینترنت)، باعث می شود که به آدرس http://www.kelidestan.com که همان آدرس مربوط به لینک است، برویم.

خوب اکنون می خواهیم که با استفاده از مشخصه accessKey در JavaScript ، کلید میانبر (Shortcut key) تعیین شده توسط مشخصه accesskey در HTML را به دست آوریم (یعنی کلید k از کیبورد).

برای این منظور، کد JavaScript زیر را می نویسیم :

توسط کد JavaScript بالا، تگ a سازنده لینک (Link) را توسط id آن که برابر my_link است، شناسایی کرده و سپس مقدار مشخصه accessKey آن (مشخصه در JavaScript) را به دست آورده و در متغیری با نام x ذخیره کرده ایم.

ما با کد بالا، مقدار مشخصه accessKey در JavaScript ، که برابر همان مقدار مشخصه accesskey در HTML است را به دست آورده ایم.

همین کد را در مثال زیر به کار می بریم :