- Autofokusa atribūts ļauj automātiski fokusēties uz konkrētu veidlapas elementu, ielādējot lapu vai atverot dialoglodziņu.
- Tas ir saderīgs ar dažādiem elementiem, tostarp ievades, teksta apgabala, atlases un pogu tagiem.
- Šim atribūtam katrā dokumentā vai konteinerā jābūt tikai vienam elementam, lai nodrošinātu paredzamu pārlūkprogrammas darbību.
- Lai gan tas ir noderīgi ātruma dēļ, tā lietošanai jābūt līdzsvarotai ar pieejamības un mobilo lietotāju pieredzes apsvērumiem.
Vai esat kādreiz nokļuvuši meklētājprogrammas lapā un pamanījuši, ka varat sākt rakstīt vaicājumu nekavējoties, pat nenoklikšķinot uz meklēšanas lodziņa? Tā darbojas autofokusa atribūts. Tas ir ērts mazs rīks, kas norāda pārlūkprogrammai: “Hei, novietojiet kursoru tieši šeit, tiklīdz lapa ir gatava”, padarot visu mijiedarbību apmeklētājam daudz vienmērīgāku.
Lai gan tas šķiet vienkārši, tas ir nedaudz vairāk nekā tikai vārda pievienošana kodam. Sākot ar vairāku elementu apstrādi un beidzot ar izpratni par to, kā reaģē dažādas pārlūkprogrammas, šī Būla atribūta nianses pārzināšana nodrošina, ka jūs nejauši nekaitināsiet savus lietotājus vai nepārkāpsiet pieejamības standartus.
Kas īsti ir autofokusa atribūts?
Pēc būtības autofokusa atribūts ir globāls Būla īpašība. Tas nozīmē, ka tam nav nepieciešama vērtība; to aktivizē tikai tā pievienošana elementam. Tā galvenais uzdevums ir iestatīt sākotnējo fokusu uz konkrētu elementu, kad lapa ir ielādēta. Ja strādājat ar sarežģītākiem lietotāja interfeisa komponentiem, piemēram, uznirstošo logu vai <dialog> elementu , fokuss pārslēgsies uz autofokusa elementu brīdī, kad lietotājam tiks parādīts konkrētais logs vai pārklājums.
Ar kādiem elementiem to var izmantot?
Jūs neaprobežojaties tikai ar teksta lodziņiem. Šis atribūts ir diezgan daudzpusīgs un darbojas vairākās interaktīvās birkās:
- : Lieliski piemērots meklēšanas joslām vai pieteikšanās laukiem, kur lietotāja galvenais mērķis ir ievadīt tekstu.
- : Lieliski piemērots lapām “Sazinieties ar mums”, kur ziņojuma pamatteksts ir prioritāte.
- : Ļauj lietotājiem uzreiz izvēlēties opciju nolaižamajā izvēlnē.
- : Noderīgi noteiktos modālajos logos, kur primārajai darbības pogai jābūt gatavai nospiešanai ar tastatūras taustiņu “Enter”.
Svarīgi noteikumi un pārlūkprogrammas darbība
Viena lieta, kas jāpatur prātā, ir tā, ka autofokusa atribūtam katrā dokumentā (vai katrā dialoglodziņā/uznirstošajā logā) jābūt tikai vienam elementam . Ja jūs aizraujaties un pievienojat to pieciem dažādiem laukiem, pārlūkprogramma nekritīs panikā, bet vienkārši koncentrēsies uz pirmo fokusējamo elementu, ko tā sastaps avota secībā. Tomēr ņemiet vērā, ka dažas vecākas Safari versijas agrāk darīja pretējo, koncentrējoties uz pēdējo sastopamo elementu, lai gan mūsdienu pārlūkprogrammas, piemēram, Chrome, Firefox un Opera, kopš tā laika ir standartizējušas pirmo.
Pastāv arī fiziska blakusparādība: pārlūkprogramma automātiski ritinās lapu , lai redzētu autofokusa elementu. Ja jūsu ievade ir paslēpta garas lapas apakšdaļā, tas var izraisīt traucējošu lēcienu, kas var mulsināt apmeklētājus. Turklāt JavaScript rezerves koda izmantošana fokusa apstrādei ir izplatīta, taču tā jāaktivizē, kad DOM ir gatavs , nevis window.load, lai izvairītos no kļūmes, kad lapa pāriet pēc tam, kad lietotājs jau ir sācis ritināšanu.
Praktiski piemēri jūsu kodam
Šīs funkcijas ieviešana ir pavisam vienkārša. Standarta teksta ievadei vienkārši jāraksta <input autofocus type=”text”> . Ja vēlaties, lai nolaižamais saraksts būtu uzmanības centrā, izmantojiet <select autofocus> . Pogas gadījumā pietiek ar vienkāršu <button autofocus> . Šie fragmenti nodrošina, ka mirgojošais teksta kursors vai atlases iezīmējums gaida lietotāju brīdī, kad vietne nonāk viņa ekrānā.
Otrā puse: kad no tā izvairīties
Lai arī cik lieliski tas izklausītos datoru lietotājiem, ieteicams divreiz padomāt, pirms to izmantot mobilajās ierīcēs . Daudzas mobilās pārlūkprogrammas, īpaši WebKit bāzes pārlūkprogrammas, bieži ignorē šo atribūtu. Iemesls ir vienkāršs: automātiska tastatūras pabīdīšana uz augšu un tālummaiņa lapā , tiklīdz tā tiek ielādēta, var būt neticami traucējoša un sabojāt pārlūkošanas pieredzi. Parasti ir ieteicams zināt savu auditoriju un veidlapas konkrēto kontekstu, pirms nolemjat piespiest fokusu.
Galu galā autofokusa atribūts ir spēcīgs veids, kā racionalizēt lietotāja pieredzi, noņemot nevajadzīgus klikšķus, ja vien tas tiek izmantots taupīgi. Koncentrējoties uz vienu loģisku elementu un ņemot vērā mobilo ierīču darbību un lapu pārlēkšanu, varat izveidot profesionālu saskarni, kas šķiet intuitīva un ātra ikvienam apmeklētājam.
