آموزش ویژگی accessKey در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی accessKey در DOM جاوااسکریپت با من همراه باشید.

ویژگی accessKey در DOM جاوااسکریپت

Free-Learn

ویژگی accessKey در DOM جاوااسکریپت

با استفاده از ویژگی accessKey میتونیم هم مقدار صفت accesskey یک عنصر رو بدست آوریم و هم میتونیم مقدار جدید براش تنظیم نماییم.

اگه آموزش صفت های زبان HTML رو دنبال کرده باشید باید بدونید ما یه صفت داریم به اسم صفت accesskey که با استفاده از اون میتونیم یک کلید میانبر برای دسترسی به یک عنصر در HTML مشخص و یا تعریف نماییم. برای مثال میتونیم تعریف کنیم که با فشردن کلیدهای Alt+s یک صفحه یا یک لینک برای ما باز شود.

فقط نکته ای که باید بهش توجه داشته باشید این است که روش های دسترسی به کلیدهای میانبر در مرورگرهای مختلف با همدیگر فرق دارند، برای مثال در مرورگر کروم باید دکمه Alt به علاوه ی اون کاراکتری که برای دسترسی سریع ایجاد میکنیم را نگه داریم ولی در مرورگر فایرفاکس (موزیلا) ما باید دکمه ی Alt به علاوه Shift و در نهایت به علاوه اون کاراکتری که برای دسترسی سریع ایجاد میکنیم را نگه داریم.

مقدار برگشتی یک کاراکتر که نشان دهنده کلید میانبر بروی صفحه کلید می باشد

Free-Learn

جدول کلیدهای دسترسی

در جدول زیر میتوانید نحوه دسترسی به کلیدهای میانبر در مرورگرهای مختلف را مشاهده نمایید.

مرورگر ویندوز لینوکس مک
Internet Explorer [Alt] + accesskey
Chrome [Alt] + accesskey [Alt] + accesskey [Control] [Alt] + accesskey
Firefox [Alt] [Shift] + accesskey [Alt] [Shift] + accesskey [Control] [Alt] + accesskey
Safari [Alt] + accesskey [Control] [Alt] + accesskey
Opera یا نسخه های جدیدتر Opera 15 : [Alt] + accesskey
یا نسخه های قدیمی تر Opera 12.1 : [Shift] [Esc] + accesskey

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : میخوایم با کلیک بروی یک دکمه مقدار ویژگی accessKey های ۲ لینک رو بدست آوریم. ( برای اینکه ببینید واقعا کلیدهای میانبر کار میکنن یا نه ، خیلی راحت با توجه به جدول بالا و مرورگرتون کلیدهای میانبر یا ترکیبی رو فشار دهید )

امتحان کنید

مثال شماره ۲ : میخوایم با کلیک بروی یک دکمه، یک مقدار accessKey برای لینک تنظیم نماییم.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
accessKey بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

برای گرفتن مقدار :

برای ست کردن مقدار جدید :

  • Your_Character : اون کاراکتری که میخوایم کلید میانبر باشه

Free-Learn

نکات و توضیحات

  • کلی بخوایم بگیم این ویژگی که در جاوااسکریپت می باشد، در واقع همون صفت accesskey در HTML می باشد.

Free-Learn

دریافت PDF یا پرینت این مطلب