Hvordan finne ut når en kontroll er Focus

Hvordan finne ut når en kontroll er Focus


Når du flytter markøren til en avmerkingsboks eller skriver ord i en tekstboks, oppstår en onFocus hendelse. I Web-programmering, refererer "fokus" til en eiendom som brukergrensesnitt kontroller eie. Som utvikler kan du trenger å vite når et nettsted besøkende klikker en kontroll eller faner til det med "Tab" -tasten. Noen få linjer med Javascript-kode vil gi websidene evnen til å gjenkjenne viktige onFocus hendelser.

Bruksanvisning

1 Start din HTML editor eller Notisblokk.

2 Åpne HTML-webside-fil og legge til denne koden under den første <body> -taggen i dokumentet:

<Input id = "Text1" type = "text" onFocus = "processFocus (dette)" />

<Input id = "Text2" type = "text" onFocus = "processFocus (dette)" />

Dette skaper to tekstboksene. Deres IDer er Text1 og Text2. Hver tekstboks definerer en onFocus hendelseshåndterer. Når en tekstboks får fokus, vil nettleseren kaller Javascript-funksjonen som heter "processFocus" og gi det en referanse til tekstboksen.

3 Legg til følgende kode i <head> -delen av dokumentet:

<Script type = "text / javascript">

funksjon processFocus (controlName) {

Var controlWithFocus = controlName.id;

alert (controlWithFocus + "har fokus");

}

</ Script>

4 Lagre filen.

5 Åpne Windows Utforsker og finn filen. Dobbeltklikk på den. Det vil åpne i nettleseren din. Plasser markøren i den første tekstboksen. Javascript-koden vil oppdage at tekstboksen har fokus og vise "Text1 har fokus."

6 Plasser markøren i den andre tekstboksen. Du vil se meldingen "Text2 har fokus."

Hint

  • Tilsett onFocus hendelse til noen kontroll krever fokus gjenkjenning. For eksempel, for å vise en melding når en bruker faner til et tekstområde kontroll, legger en onFocus hendelse til denne kontrollen. Du kan deretter undersøke verdien av controlWithFocus variabel for å avgjøre når en bruker tabs til denne kontrollen.