Tabindex ատրիբուտը
tabindex ատրիբուտը սահմանում է ֆոկուսի ստացման կարգը
Tab ստեղնով տարրերի միջև նավարկելիս:
Սեղմելով այս ստեղնը՝ կարելի է հաջորդաբար ակտիվացնել էջի որոշ տարրեր (հղումներ և ձևերի տարրեր): Ակտիվ տարրերը կստանան մուտքագրման ֆոկուս:
input
և textarea
մուտքագրման դաշտերի համար ֆոկուսը կարտահայտվի նրանով, որ դաշտում
կսկսի փայլատակել կուրսորը և դրանում հնարավոր կլինի
տեքստ մուտքագրել, հղումների
և այլ տարրերի դեպքում դա
կլինի ինչ-որ կերպ ընդգծում (ընդգծում,
կետագծային եզրագծում և այլն, կախված է
բրաուզերից):
Եթե ֆոկուսի ստացման պահին տարրը տեսանելի չէր էջում (スクրոլling-ի պատճառով), ապա էջը կスクրոլլվի դեպի այդ տարրը:
Եթե տարրերին չի տրվել tabindex ատրիբուտ
կամ այն ունի 0 արժեք, ապա
Tab ստեղնով նավարկությունը
կտեղի տարրերի HTML կոդում հաջորդականությամբ:
Եթե էջում կան տարրեր, որոնց տրված է
tabindex ատրիբուտ, ապա նախ նավարկությունը կլինի
դրանց միջով՝ սկսած ատրիբուտի ավելի փոքր արժեք ունեցողներից
(ամենափոքրը կարող է լինել մեկը) և այլն՝ ըստ աճման,
իսկ երբ այդպիսի տարրերը
վերջանան՝ նավարկությունը կշարունակվի այն տարրերով,
որոնց չի տրվել tabindex ատրիբուտ կամ այն ունի
0 արժեք:
Ատրիբուտի արժեքը կարող է լինել ամբողջ թիվ՝ սկսած
1-ից մինչև անսահմանություն: Եթե որոշ
համարներ բացակայում են՝ սարսափելի ոչինչ չի պատահի
(օրինակ, եթե չկա 2 համարը, ապա
նախ ֆոկուսը կհայտնվի tabindex ատրիբուտով տարրի վրա,
որը հավասար է 1-ի, ապա՝ tabindex ատրիբուտով տարրի վրա,
որը հավասար է 3-ի):
Եթե էջում Tab ստեղնը սեղմելու պահին
կա ֆոկուս中 տարր (ֆոկուսը կարող էր
ստացվել ոչ միայն Tab սեղմելով,
այլև մկնիկի կտտոցով տարրի վրա կամ
autofocus ատրիբուտով),
ապա Tab ստեղնի հաջորդ սեղմումը կհանգեցնի
նրան, որ ֆոկուսը կստանա ֆոկուս中 գտնվող տարրից հաջորդ
տարրը (օրինակ,
եթե հիմա ֆոկուս中 է tabindex
3 արժեքով տարրը, ապա հաջորդը ֆոկուսը կստանա
tabindex 4 արժեքով տարրը):
Եթե մուտքագրման դաշտին տրված է disabled ատրիբուտ,
ապա այն կանտեսվի Tab ստեղնով նավարկության ժամանակ,
նույնիսկ եթե այդ դաշտին տրված է
tabindex ատրիբուտ:
tabindex ատրիբուտը կիրառվում է
a,
input,
textarea,
button,
select,
area
տեգերին:
Օրինակ
Եկեք ինպուտներին
տանք tabindex ատրիբուտ: Հաջորդաբար սեղմեք
Tab ստեղնը և կտեսնեք,
թե ինչպես է մուտքագրման ֆոկուսը անցնում առաջին
ինպուտից չորրորդին, ապա կշարունակի հղումներով
էջի սկզբից (քանի որ այլ տարրեր
tabindex ատրիբուտով չկան):
<input type="text" tabindex="3" placeholder="համար: 3">
<input type="text" tabindex="1" placeholder="համար: 1">
<input type="text" tabindex="2" placeholder="համար: 2">
<input type="text" tabindex="4" placeholder="համար: 4">
:
Տես նաև
-
focusպսևդոդասը,
որը թույլ է տալիս փոխել ֆոկուս中 գտնվող տարրի ոճերը
