JavaScript | Metoda resunąventListener z przykładami

JavaScript oferuje szereg wbudowanych metod wykonywania niektórych podstawowych operacji e.G. Walidacja formularza, obsługa zdarzeń, zarządzanie stronami internetowymi itp. removeventListener () Metoda jest wykorzystywana do usunięcia zdarzenia, które zostało już dodane w JavaScript.

Aby zrozumieć metodę remeveVentListener (), najpierw użytkownik musi mieć pojęcie o addEventListener () metoda. W metodzie addEventListener () zdarzenie jest dołączone do tej metody do wykonywania operacji. Z drugiej strony metoda remeventListener () jest wykorzystywana do usunięcia zdarzenia. Ten przewodnik zapewnia głęboki wgląd w metodę remeveVentListener () w JavaScript.

Jak używać metody rencesseventListener () w JavaScript?

Jeśli użytkownik chce wyłączyć przycisk po jednym kliknięciu, może użyć removeventListener () metoda. Składnia metody rensiveventListener () jest następująca:

Składnia

element.removeventListener (zdarzenie, funkcja, przechwytywanie)

Parametry używane w powyższej składni są wymienione tutaj:

• wydarzenie: identyfikuje zdarzenie, które ma zostać usunięte.
• funkcjonować: reprezentuje funkcję usuwania.
• schwytać: Określa prawdziwe i fałszywe zgodnie z wynikiem; Wartość domyślna jest fałszywa.

Przykład 1

Przykład jest dostosowany, w którym removeventListener () Metoda jest wykorzystywana do usunięcia zdarzenia, które zostało dodane przez addEventListener () metoda. W tym przykładzie wymagane są dwa argumenty. Jeden argument określa nazwę zdarzenia, podczas gdy druga jest funkcją powiązaną z słuchaczem zdarzeń.

Kod

Witamy w JavaScript World

Przykład użycia metody removeventListener ()

Spróbuj magicznego przycisku, aby to naprawić

Opis powyższego kodu jest tutaj zaciągnięty:

• Po pierwsze addEventListener() Metoda jest stosowana do przymocowania Mousemove Wydarzenie nazwane MagicFunkcja.
• addEventListener is wywołany, jeśli wykryto ruch myszy. W przeciwnym razie dołącza załącznik zdarzenie w celu generowania ciągłych liczb losowych.
• Potem MagicFunkcja() Metoda jest wykorzystywana do generowania liczb losowych z Matematyka.losowy() metoda.
• Ostatecznie zwyczaj removehandler () Stosuje się metodę, w której rencessEventListener() jest wywoływane w celu usunięcia zdarzenia, które generuje liczbę losową. W przeciwnym razie, Odłącz Wydarzenie jest uruchamiane, aby zatrzymać liczbę.

Wyjście

Wyjście zwraca wyświetlacz w oknie Chrome za pomocą rencessEventListener() metoda. Na tym wyświetlaczu losowe liczby są stale generowane, które są powiązane z ruchem myszy. Zamocowany jest tutaj przycisk „nazywany”Spróbuj magicznego przycisku, aby to naprawić". Służy do naprawy losowo wygenerowanej liczby.

Przykład 2

Następnie następuje kolejny przykład, używając removeventListener () metoda. Kod jest następujący:

Kod

Witamy w JavaScript World

Kolejny przykład użycia metody removeventListener ()

Magic Button

W kodzie rencessEventListener() Metoda jest wykorzystywana z przyciskiem. Identyfikator przycisku jest przekazywany do rencessEventListener() Metoda, która usunie zdarzenie po naciśnięciu przycisku.

Wyjście

Przed kliknięciem przycisku:

Po kliknięciu przycisku:

Po kliknięciu Magic Button, Wydarzenie nazywa się, które generuje wyskakujące okno w przeglądarce internetowej.

Wniosek

Metoda removeventListener () jest wykorzystywana do usunięcia już dodanego zdarzenia w JavaScript. Aby ćwiczyć tę metodę, musisz dodać zdarzenie za pomocą addEventListener () Metoda w JavaScript. Potem removeventListener () Metodę można wywołać w celu usunięcia tego zdarzenia. Tutaj nauczyłeś się pracy i wykorzystania metody rencesseventListener () w JavaScript za pomocą podstawowych i zaawansowanych przykładów.