Usuń ostrość z elementu za pomocą JavaScript

Podczas aktualizacji strony internetowej lub witryny może istnieć wymóg aktualizacji, aby usunąć skupienie z elementów (elementów) w modelu obiektu Document (DOM). Na przykład priorytetyzacja zaktualizowanych elementów nad przestarzałymi na stronie internetowej. W takich scenariuszach usunięcie skupienia z elementu za pomocą JavaScript jest bardzo pomocne w wprowadzaniu zmian w witrynie.

Ten blog wyjaśni procedurę usuwania skupienia z elementu za pomocą JavaScript.

Jak usunąć ostrość z elementu w JavaScript?

Aby usunąć skupienie z elementu w JavaScript, zastosuj następujące podejścia w połączeniu z „plama()" metoda:

• "getElementById ()" metoda.
• "Aktywnelem”Własność i„opcjonalne łączenie (?.)„Operator.

Podejście 1: Usuń fokus z elementu w JavaScript za pomocą metody getElementById ()

„„plama()„Metoda usuwa skupienie z powiązanego elementu i„getElementById ()”Metoda zwraca element o określonym„ID". Metody te można zastosować w połączeniu w celu pobrania skupionego elementu i usunięcia z niego skupienia za pomocą funkcji zdefiniowanej przez użytkownika.

Składnia

dokument.getElementById (element)

W podanej składni:

"element”Odpowiada elementowi, który należy pobrać w stosunku do konkretnego”ID".

Przykład

Przeglądmy następujący przykład:

To jest strona internetowa



Kliknij

W powyższych wierszach kodu:

• Obejmują „„Element o podanych atrybutach.
• „„typ”Atrybut oznacza, że ​​element jest„radio" przycisk. „„autofokus”Jest atrybutem boolowskim, który dodaje skupienia powiązanego elementu.
• W następnym kroku utwórz przycisk o „na kliknięcie„Zdarzenie, które przekieruje się do funkcji removeFocus ().
• W kodzie JS zdefiniuj funkcję o nazwie „removeFocus ()". W definicji funkcji uzyskaj dostęp do zawartego elementu przez „ID" używając "getElementById ()" metoda.
• Na koniec zastosuj „plama()„Metoda do pobranego elementu. To z rezultacją usunie ostrość z elementu na przycisku kliknięcia.

Wyjście

W wyjściu można zauważyć, że skupienie z przycisku opcji jest pominięte na przycisku.

Podejście 2: Usuń skupienie z elementu w JavaScript za pomocą właściwości ActiveElement i opcjonalnego łączenia (?.) Operator

„„Aktywnelem„Własność podaje element HTML, który się koncentruje i„opcjonalne łączenie (?.)”Operator sprawdza określony warunek. Podejścia te można wykorzystać w połączeniu do zastosowania kontroli na skupione elementy i odpowiednio je rozmyć.

Przykład

Przejrzyjmy poniżej podanego przykładu:

Pyton



JavaScript



Kliknij przycisk, aby usunąć ostrość

W powyższym fragmencie kodu:

• Obejmują dwa „„Elementy o przydzielonym atrybucie”typ" jak "pole wyboru".
• Atrybut boolean „autofokus”Jest przydzielony do tego ostatniego pola wyboru, jak podano.
• Następnie utwórz przycisk o „na kliknięcie„Zdarzenie uzyskujące dostęp do funkcji o nazwie removeFocus ().
• W części kodu JS zdefiniuj funkcję o nazwie „removeFocus ()".
• W swojej definicji zastosuj połączone „Aktywnelem„Własność i„ „opcjonalne łączenie (?.)„Operator, aby sprawdzić wszystkie skupione elementy w kodzie.
• Powiązane "plama()„Metoda zamazuje zlokalizowane elementy ( -y) na przycisku kliknięcia.

Wyjście

W wyjściu skupienie z określonego pola wyboru jest usuwane po kliknięciu przycisku.

Wniosek

„„plama()„Metoda w połączeniu z„getElementById ()”Metoda lub„Aktywnelem”Własność i„opcjonalne łączenie (?.)„Operator można wykorzystać do usunięcia/pominięcia ostrości z elementu w JavaScript. Pierwsze podejście można zastosować, aby uzyskać skoncentrowany element i usunąć z niego skupienie na kliknięciu przycisku. To ostatnie podejście można wykorzystać do sprawdzenia skupionych elementów i rozmycia. Ten zapis wyjaśnia, jak usunąć/pominąć skupienie z elementu w JavaScript.