Kiedy odwiedzamy stronę internetową, uruchamiane są liczne działania. Działania te mogą obejmować kliknięcie przycisku, wypełnienie i wysyłanie formularza, zamykanie zakładki, wybór pola wyboru lub przewijanie strony. Te działania wydarzeń można zatrzymać w JavaScript. Ponadto możliwe jest zapobieganie im realizacji powiązanych działań domyślnych. Mówiąc dokładniej, „PreventDefault ()”Metoda JavaScript zatrzymuje wykonanie zdarzenia anulowalnego.

Ten post stwierdził:

• Jakie jest wydarzenie.Metoda zapobiegawcza () w JavaScript?
• Jak korzystać z tego wydarzenia.Metoda zapobiegawcza () w JavaScript?

Co to jest wydarzenie.PreventDefault () w JavaScript?

„„PreventDefault ()”To metoda JavaScript, która jest wykorzystywana do zapobiegania przeglądarce przed wykonywaniem domyślnych działań i zdarzeń dla określonych elementów. Może uniemożliwić użytkownikowi wykonywanie żądania poprzez trafienie w link.

Jak korzystać z tego wydarzenia.Metoda zapobiegawcza () w JavaScript?

Używać „wydarzenie.PreventDefault ()”Metoda w JavaScript, postępuj zgodnie z poniżej podawaną składnią

W powyższej składni:

• "wydarzenie”Jest wykorzystywany do oznaczania dowolnego działania.
• "PreventDefault ()”Metoda nie pozwala na przejście żadnych parametrów. Nie akceptuje wartości parametru.

Przykład 1: Zapobiegaj polu wyboru za pomocą metody zapobiegania ()

Aby zapobiec pola wyboru za pomocą „PreventDefault ()”Metoda, najpierw zrób stronę HTML i dodaj nagłówek za pomocą dowolnego znacznika nagłówka z„

" Do "

”Tag. Aby to zrobić, „

”Tag jest tutaj wykorzystywany:

wydarzenie.Metoda zapobiegawcza ()

Użyj "”Tag HTML i dodaj opis wewnątrz znacznika:

Czy jesteś programistą

Teraz użyj „”Element i dodaj atrybut wymieniony poniżej:

• Określić "typ”Atrybut i ustaw wartość jako„ pole wyboru ”.
• "ID„Atrybut służy do ustawienia identyfikatora o określonej nazwie:

Tak

Włóż znacznik skryptu i dodaj następujący kod:

W powyższym fragmencie kodu:

• Użyj "getElementById ()„Metoda zwrócenia elementu z konkretnym identyfikatorem. Metoda getElementById () zwraca null, jeśli element nie istnieje.
• "addEventListener ()”Metoda stosuje się do łączenia obsługi zdarzeń z zdefiniowanym elementem.
• Następnie przejdź „PreventDefault ()”Jako parametr tej metody, która zapobiegnie dodanym elementowi typu wejściowego.

Wyjście

Przykład 2: Zapobiegaj polu wejściowym za pomocą metody zapobiegania ()

Aby zapobiec pola wejściowego za pomocą „PreventDefault ()„Metoda, najpierw dodaj etykietę za pomocą HTML””Tag:

Wstaw tekst

Podaj typ wejściowy jako „tekst”I przypisz identyfikator:

Użyj „”Oznacz i dodaj następujący kod do dalszego przetwarzania:

W powyższym fragmencie kodu:

• Użyj "getElementById ()„Aby uzyskać element pola wejściowego.
• Następnie użyj „Jeśli inaczej”Oświadczenie i dodaj wymagany warunek.

Wyjście

Chodzi o to wydarzenie.PreventDefault () w JavaScript.

Wniosek

„„PreventDefault ()”To metoda JavaScript, która jest wykorzystywana do zapobiegania wykonywaniu domyślnych działań i zdarzeń dla określonych elementów. Możesz użyć tej metody, aby zapobiec pola wyboru, pola wejściowego, przycisku opcji i innych typów wejściowych. W tym samouczku stwierdzono użycie JavaScript „wydarzenie.PreventDefault ()" metoda.