Fjern fokuset fra et element ved hjelp av JavaScript

Mens du oppdaterer en webside eller nettsted, kan det være et oppdateringskrav for å fjerne fokuset fra element (er) i dokumentobjektsmodellen (DOM). For eksempel å prioritere de oppdaterte elementene over de utdaterte på en webside. I slike scenarier er det å fjerne fokuset fra et element som bruker JavaScript.

Denne bloggen vil forklare prosedyren for å fjerne fokuset fra et element ved hjelp av JavaScript.

Hvordan fjerne fokuset fra et element i JavaScript?

For å fjerne fokuset fra et element i JavaScript, bruk følgende tilnærminger i kombinasjon med “uklarhet()”Metode:

• “getElementById ()”Metode.
• “ActiveElement”Eiendom og“Valgfri kjetting (?.)”Operatør.

Tilnærming 1: Fjern fokuset fra et element i JavaScript ved hjelp av GetElementById () -metode

“uklarhet()”Metode fjerner fokuset fra det tilhørende elementet, og“getElementById ()”Metode returnerer et element som har den spesifiserte“id”. Disse metodene kan brukes i kombinasjon for å hente det fokuserte elementet og fjerne fokuset fra det ved hjelp av den brukerdefinerte funksjonen.

Syntaks

dokument.getElementById (element)

I den gitte syntaks:

“element”Tilsvarer elementet som må hentes mot det spesielle“id”.

Eksempel

La oss oversikt følgende eksempel:

Dette er en webside



Klikk på meg

I kodelinjene ovenfor:

• Inkluderer en "”Element som har de uttalte attributtene.
• “type”Attributt betyr at elementet er et“radio”-Knappen. “Autofokus”Er en boolsk attributt som gir fokus til det tilhørende elementet.
• I neste trinn kan du lage en knapp som har en "ved trykk”Hendelse som vil omdirigere til funksjonen RemoveFocus ().
• I JS -koden, definer en funksjon som heter “RemoveFocus ()”. I funksjonsdefinisjonen får du tilgang til det inneholdte elementet av dets “id" bruker "getElementById ()”Metode.
• Til slutt, bruk "uklarhet()”Metode til det hentet elementet. Dette vil resultere fra fokuset fra elementet på knappeklikket.

Produksjon

I utdata kan det sees at fokuset fra alternativknappen er utelatt på knappeklikket.

Tilnærming 2: Fjern fokuset fra et element i JavaScript ved hjelp av ActiveElement -egenskap og valgfri kjetting (?.) Operatør

“ActiveElement”Eiendom gir HTML -elementet som har fokus, og“Valgfri kjetting (?.)”Operatør sjekker for en bestemt tilstand. Disse tilnærmingene kan brukes i kombinasjon for å bruke en sjekk på det fokuserte elementet og uskarpe dem deretter.

Eksempel

La oss gå gjennom det under-uttalte eksemplet:

Python



JavaScript



Klikk på knappen for å fjerne fokus

I ovennevnte kodebit:

• Inkluderer to “”Elementer som har den tildelte attributtet“type" som en "avkrysningsrute”.
• Den boolske attributtet “Autofokus”Er tildelt sistnevnte avkrysningsrute, som nevnt.
• Deretter oppretter du en knapp som har en "ved trykk”Hendelse som får tilgang til funksjonen som heter RemoveFocus ().
• I JS -kodedelen, definer en funksjon som heter “RemoveFocus ()”.
• I sin definisjon, bruk den kombinerte “ActiveElement”Eiendom og“Valgfri kjetting (?.)”Operatør for å se etter alt det fokuserte elementet (e) i koden.
• Den tilknyttede “uklarhet()”Metoden vil uskarpe det lokaliserte fokuserte elementet (e) på knappeklikk.

Produksjon

I utgangen fjernes fokuset fra den angitte avkrysningsruten ved å klikke på knappen.

Konklusjon

“uklarhet()”Metode kombinert med“getElementById ()”Metode eller“ActiveElement”Eiendom og“Valgfri kjetting (?.)”Operatør kan brukes til å fjerne/utelate fokuset fra et element i JavaScript. Den tidligere tilnærmingen kan brukes for å få det fokuserte elementet og fjerne fokuset fra det på knappeklikk. Den sistnevnte tilnærmingen kan brukes til å sjekke det fokuserte elementet og uskarpe det. Denne oppskrivningen forklarer hvordan du fjerner/utelater fokus fra et element i JavaScript.