این آموزش در تاریخ ۱۴۰۱/۰۶/۲۷ آپدیت شده است.
آموزش ویژگی tabIndex در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی tabIndex در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی tabIndex در DOM جاوااسکریپت
با استفاده از ویژگی tabIndex میتونیم هم مقدار صفت tabindex یک تگ رو بدست آوریم و هم مقدار جدید براش تنظیم نماییم.
پیشنهاد میکنم حتما آموزش صفت عمومی TabIndex را مشاهده نمایید.
| مقدار برگشتی | یک عدد که نشان دهنده TabIndex تگ می باشد |
|---|
Free-Learn
مثال از این ویژگی
در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : بدست آوردن مقدار صفت TabIndex
|
1 2 3 4 5 6 7 8 9 |
<script> function Get(){ var MyLink , Result; MyLink = document.getElementById("MyLink").tabIndex; Result = document.getElementById("Result").innerHTML = "TabIndex = " + MyLink; } </script> |
مثال شماره ۲ : تنظیم مقدار جدید برای صفت TabIndex
|
1 2 3 4 5 6 7 |
<script> function Set(){ MyLink = document.getElementById("MyLink").tabIndex = "3"; } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام ویژگی | Chrome | Firefox | Opera | Safari | Edge |
| tabIndex | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.
- گرفتن مقدار :
|
1 |
Element.tabIndex; |
- تنظیم / ست کردن مقدار جدید :
|
1 |
Element.tabIndex = "Number"; |
- Number : یک عدد برای تب ایندکس تگ
Free-Learn
نکات و توضیحات
- بصورت پیش فرض Tabindex یک عنصر ۱ می باشد.
- اگه از عدد منفی استفاده نمایید، دیگه دکمه Tab بروی اون عنصر عمل نمیکند.
