این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش ویژگی accessKey در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی accessKey در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی accessKey در DOM جاوااسکریپت
با استفاده از ویژگی accessKey میتونیم هم مقدار صفت accesskey یک عنصر رو بدست آوریم و هم میتونیم مقدار جدید براش تنظیم نماییم.
اگه آموزش صفت های زبان HTML رو دنبال کرده باشید باید بدونید ما یه صفت داریم به اسم صفت accesskey که با استفاده از اون میتونیم یک کلید میانبر برای دسترسی به یک تگ در صفحه مشخص نماییم، برای مثال میتونیم تعریف کنیم که با فشردن کلیدهای Alt+s یک صفحه یا یک لینک برای ما باز شود.
فقط نکته ای که باید بهش توجه داشته باشید این است که روش های دسترسی به کلیدهای میانبر در مرورگرهای مختلف با همدیگر فرق دارند، برای مثال در مرورگر کروم باید دکمه Alt به علاوه ی اون کاراکتری که برای دسترسی سریع ایجاد میکنیم را نگه داریم ولی در مرورگر فایرفاکس (موزیلا) ما باید دکمه ی Alt به علاوه Shift و در نهایت به علاوه اون کاراکتری که برای دسترسی سریع ایجاد میکنیم را نگه داریم.
کلا استفاده از صفت Accesskey پیشنهاد نمیشه چون یجورایی بطور کامل استاندارد نیست، و ممکنه روی یک مرورگر جواب بده و روی دیگری جواب نده، پس نمیشه بهش اعتماد کرد.
| مقدار برگشتی | یک کاراکتر که نشان دهنده کلید میانبر بروی صفحه کلید می باشد |
|---|
Free-Learn
جدول کلیدهای دسترسی
در جدول زیر میتوانید نحوه دسترسی به کلیدهای میانبر در مرورگرهای مختلف را مشاهده نمایید.
| مرورگر | ویندوز | ||
| Edge | [Alt] + accesskey | ||
| Chrome | [Alt] + accesskey | ||
| Firefox | [Alt] [Shift] + accesskey | ||
| Safari | [Alt] + accesskey | ||
| Opera | [Alt] + accesskey |
||
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه مقدار صفت accessKey لینک رو بدست آوریم. ( برای اینکه ببینید واقعا کلیدهای میانبر کار میکنن یا نه ، خیلی راحت با توجه به جدول بالا و مرورگرتون کلیدهای میانبر یا ترکیبی رو فشار دهید )
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function Get(){ var Link1 , Link2 , Result; Link1 = document.getElementById("link_1").accessKey; Link2 = document.getElementById("link_2").accessKey; Result = document.getElementById("Result"); Result.innerHTML = Link1 + "<br>" + Link2; } </script> |
مثال شماره ۲ : میخوایم با کلیک بروی یک دکمه، یک مقدار جدید برای accessKey تنظیم نماییم
|
1 2 3 4 5 6 |
function Set(){ var MyLink , Result; MyLink = document.getElementById("link_1").accessKey = "g"; Result = document.getElementById("Result"); Result.innerHTML = "ست شد"; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| accessKey | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- برای گرفتن مقدار :
|
1 |
Element.accessKey; |
- برای ست کردن مقدار جدید :
|
1 |
Element.accessKey = " Your_Character "; |
- Your_Character : اون کاراکتری که میخوایم کلید میانبر باشه
Free-Learn
نکات و توضیحات
- استفاده از این ویژگی و درکل استفاده از صفت accesskey پیشنهاد نمیشه، چون نمیشه بهش اعتماد کرد.
