تغییر دادن مقدار مشخصه accesskey یک عنصر HTML (کلید میانبر (Shortcut key) تعیین شده برای عنصر HTML)، با مشخصه accessKey ، در JavaScript

با استفاده از مشخصه 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) را به مقدار g (یعنی کلید g از کیبورد) تغییر داده ایم.

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

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