Jaka jest metoda addeventListener w JavaScript.

W JavaScript zdarzenie to akcja, która występuje na stronie internetowej. Ta akcja może być od klikania przycisku do załadowania strony. Kilka zdarzeń może wystąpić jednocześnie i może być inicjowane przez użytkownika lub przeglądarkę. Aby zarządzać tymi wydarzeniami, wymagane są obsługi zdarzeń. Gdy zdarzenie nastąpi w przeglądarce, ostrzega system, który może następnie obsłużyć (odpowiedzieć) te zdarzenia.

W tym poście będziemy przeprowadzić szczegółową dyskusję na temat AddEventListener () Metoda w JavaScript i jak możemy go użyć do przechwytywania i obsługi zdarzeń.

Co to jest addEventListener () w JavaScript

JavaScript zapewnia nam addEventListener () Metoda, która jest funkcją wbudowaną, której można użyć do określania funkcji, która zostanie wykonana w przypadku uruchomienia konkretnego zdarzenia.

Składnia

Target_element.addEventListener (zdarzenie, funkcja, usecapture)

Target_element: To jest element HTML, do którego chcemy dołączyć obsługę zdarzeń.

Parametry to:

• wydarzenie: To ważne wydarzenie JavaScript, które jest napisane bez prefiks „ON”. Na przykład „kliknięcie” jest napisane zamiast „onClick”. funkcjonować Wykonuje się, gdy wystąpi to zdarzenie.
• funkcjonować: Ta funkcja jest słuchaczem wykonywanym w odpowiedzi na wyzwalane wydarzenie.
• Usecorture: Jest to opcjonalna wartość logiczna, która decyduje, jakiego rodzaju zdarzenia użyć (bulgotanie zdarzeń lub przechwytywanie zdarzeń).

Co to są bulgotanie wydarzeń i przechwytywanie wydarzeń

Trzeci opcjonalny parametr logiczny, Usecorture, określa propagacja zdarzenia, która decyduje o sekwencji występowania zdarzenia.

Jeśli jest

element wewnątrz elementu, a użytkownik kliknie

element, który z zdarzenia kliknięcia powinien wystąpić pierwszy?

W bulgotaniu, które jest reprezentowane przez false, sekwencja występowania przechodzi od wewnętrznego do zewnętrznego.

tag zostanie najpierw obsługiwany, a następnie tag.

Podczas gdy dla schwytania, to jest reprezentowane przez true, najbardziej zewnętrzne zdarzenie jest traktowane najpierw przed elementem wewnętrznym. Najpierw będzie obsługiwany, a potem

etykietka.

Przykład

Tutaj przekazane są dwa parametry. Klikając przycisk, funkcja jest wywoływana, która wyświetla tekst:

Kliknij tutaj

Wniosek

addEventListener Metoda w JavaScript umożliwia przechwytywanie zdarzeń, a następnie wykonanie określonej funkcji na podstawie zdarzenia, które się wydarzyło. Wymaga trzech parametrów; jeden z nich jest opcjonalny. Trzeci (opcjonalny) parametr, Usecorture, jest parametrem logicznym, który decyduje o sekwencji występujących zdarzeń. W tym poście przeprowadziliśmy kompleksową dyskusję na temat tego, co jest addEventListener () metoda i sposób skutecznego użycia go w naszym kodzie JavaScript.