Funksjoner Javascript Focus

Javascript fokusfunksjoner tillate utviklere å øke nivået av interaksjon brukere erfaring med websider. Når en webside inneholder interaktive funksjoner som former, inkludert tekstfelt, knapper og rullegardinlister, kan fokus hjelpe samhandlingsprosessen. En nettside element har fokus hvis brukeren er for tiden i samspill med det. Noen ganger, for å få fokus, et element må klikkes på eller velges på noen måte, men en Javascript-funksjonen kan sette fokus slik at brukeren ikke må.

Hensikt

Den generelle hensikten med Javascript fokus funksjoner er å legge til rette for brukermedvirkning, redusere antall trinn en bruker må ta for å fullføre samspillet som kreves av en webside element. For eksempel, i standard scenario, må brukeren klikke eller fane i en HTML-tekstfeltet før han kan skrive tekst inn i den. En Javascript fokusfunksjonen kan sette fokus på en slik tekst-felt, slik at brukeren kan bare skrive inn det med en gang, uten å måtte bruke et museklikk eller annen tastetrykk først.

syntax

Enhver HTML-element kan bruke fokusfunksjonen. Javascript foredling er utført på eller ved bestemte sideelementer. Hvert HTML-element på en side har et sett med funksjoner som kan kalles på den innenfra Javascript-kode. Elementet i spørsmålet kan være hvilken som helst av de som er beskrevet i HTML, men for fokusfunksjonen vil det vanligvis være et interaktivt element som en tekst-felt eller knapp. Følgende kode viser fokusfunksjonen blir kalt på et element med ID "tfield", som er første referert gjennom denne ID:

. Document.getElementById ( 'tfield') fokus ();

Når denne koden er utført, vil elementet være klar for brukerundersøkelser.

Bruk

Fokusfunksjoner må kalles en side script for å utføre. En vanlig teknikk er å inkludere et avsnitt for Javascript-kode umiddelbart etter sidedelen der det interaktive elementet er deklarert. For eksempel følgende nettside utdrag definerer et skjema med et tekstfelt i den, deretter et skript seksjon sette fokus på tekstfeltet:

<Form id = "theform" name = "theform">

<Input type = "text" name = "tfield" id = "tfield" />

</ Form>

<Script type = "text / javascript">

document.theform.tfield.focus ();

</ Script>

fordeler

Den største fordelen med å bruke fokusfunksjoner er å gjøre brukerinteraksjon med en side enklere. Når brukere skriver inn tekst i et HTML-skjema, må de ofte veksler mellom å bruke mus og tastatur for å velge og samhandle med skjemaelementer. Fokuset funksjonen reduserer bare antallet handlinger brukeren må ta for å fullføre et interaktivt element. Noen websideskjemaer bruke fokus å automatisk skifte samhandling til neste element i et skjema når inngang med gjeldende element er fullført.

problemer

Som med alle Javascript-funksjonen, fokuserer funksjoner vil kun være tilgjengelig når klientsiden scripting er både tilgjengelig og slått på i brukerens nettleser. I noen tilfeller kan fokus funksjoner oppfattes som i konflikt med brukerens interaksjon snarere enn å styrke den. Mange folk ikke forventer fokusfunksjoner for å operere, spesielt mens de er i samspill med et skjema, slik at driften av slike funksjoner kan være distraherende.