fokustapahtumia

Fokustapahtumat tarkoittavat tilanmuutosta käyttöliittymäelementissä, kun elementti saa tai menettää fokuksen. Fokuksen saamiseen liittyy yleensä syöte, kuten näppäimistö tai hiiri, sekä visuaalinen korostus, joka osoittaa aktiivisen kohteen.

Ne ovat keskeisiä käytettävyydessä ja saavutettavuudessa, koska ne määrittävät, millä elementillä käyttäjä voi antaa syötettä. Käyttäjä liikkuu käyttöliittymässä tyypillisesti tabulaamalla tai klikkaamalla, ja fokuksen avulla sovellus voi reagoida näihin siirtymiin.

Teknisesti fokustapahtumat ovat DOM-tason tapahtumia. JavaScriptissä niitä kuunnellaan usein addEventListenerilla käyttämällä 'focus' ja 'blur' -tapahtumia. Nämä tapahtumat eivät yleensä bubblkaa, mutta niiden avulla voi kuunnella, milloin tietty elementti saa tai menettää fokuksen. Jos halutaan reagoida koko alueen fokusvaihteluihin, kannattaa käyttää 'focusin' ja 'focusout' -tapahtumia, jotka bubblavaat.

Esimerkkejä fokustapahtumien käyttötilanteista ovat tekstikenttien, painikkeiden ja muun interaktiivisen sisällön käyttöönotto; saavutettavuuden parantaminen siihen, miten fokus näkyy ja miten ohjelma reagoi fokusmuutoksiin. Fokustapahtumat ovat siten keskeinen osa käyttäjän vuorovaikutuksen hallintaa ja tiedon tarjontaa sovelluksissa.