Co to jest zdarzenie w JavaScript?
W JavaScript można wykonać różne rodzaje zdarzeń, w tym przechwytywanie wydarzeń i bulgotanie zdarzeń. Na przykład zdarzenie, które przechwytywanie rozprzestrzenia się od elementu głównego do elementu dziecka. Z drugiej strony bulgotanie zdarzeń propaguje element dziecięcy do elementu rodzicielskiego lub korzeniowego. Aby wykonać wydarzenie, przechwytując „addEventListener ()„Można zastosować metodę.
Ten post wyjaśni, że zdarzenie JavaScript.
Co to jest zdarzenie w JavaScript?
Zdobywanie zdarzeń jest szczególnym scenariuszem, w którym wygenerowane zdarzenia zaczynają się od elementów nadrzędnych i przechodzą w dół w kierunku elementu celu/dziecka, który zainicjował cykl zdarzenia. Jest zupełnie inny niż bulgotanie zdarzeń, w których zdarzenia propagują się na zewnątrz od specyficznych do najbardziej zewnętrznych elementów. Ponadto uchwycenie elementów występuje przed bulgotaniem.
Składnia
addEventListener (typ, słuchacz, usecapture)
W tej składni:
- "typ”Określa rodzaj zdarzenia.
- "słuchacz”Określa funkcję wywołania, gdy nastąpi określone zdarzenie.
- "Usecorture”Wskazuje wartość logiczną, która jest domyślnie fałszywa i pokazuje, że jest ona w fazie bulgotania.
PRZYKŁAD 1: Zabryczenie zdarzeń elementu przycisku
Najpierw dodaj „div”Pojemnik i przypisz identyfikator o określonej nazwie, aby uchwycić wydarzenie. Następnie skorzystaj z „„Element do zrobienia przycisku i osadzenia tekstu do wyświetlenia na przycisku:
Ponadto pomiędzy „„Element, po pierwsze, wywołuje„QuerySelelect ()„Metoda i przejdź”ID”Aby wybrać i przechowywać w zadeklarowanej zmiennej:
var Paretellement = Dokument.QuerySelelect („#main”);
Następnie uzyskaj dostęp do przycisku za pomocą identyfikatora przycisku za pomocą „QuerySelelect ()”:
var childelement = dokument.QuerySelelect („#Btn”);
Wywołać „addEventListener ()”I przejdź przez wydarzenie. To zdarzenie działa, gdy użytkownik kliknie przycisk. Uruchomi element nadrzędny na każdym przycisku Kliknij i wydrukuje wynik na konsoli:
Parenement.addEventListener („kliknij”, funkcja ()
konsola.Log („WZYWAJI ELEMENT MATER”);
,PRAWDA);
Użyj „dziecięcy.addEventListener ()„Metoda wywołania elementu dziecka na każdym zdarzeniu kliknięcia przycisku. Następnie zadzwoń do konsoli.Metoda log () wyświetlania wyniku na konsoli:
dziecięcy.addEventListener („kliknij”, funkcja ()
konsola.Log („Invoke Child Element”);
);
Można zauważyć, że zdarzenie zostało pomyślnie przechwycone na każdym przycisku kliknij:
Przykład 2: Zabryczenie zdarzenia elementu akapitowego
Aby uchwycić zdarzenie elementu akapitowego, skorzystaj z „ Pierwszy Drugi Trzeci Zdefiniuj „event_capturing ()”Funkcja i użyj następującego kodu wymienionego poniżej: Wywołaj zdefiniowaną funkcję, aby wyświetlić na ekranie: Chodzi o to, że zdarzenie przechwytują w JavaScript. Wniosek Zdarzenie zdarzenia zaczyna propagować element z rodzica i przesuwa się w dół w kierunku elementu celu/dziecka, który zainicjował cykl zdarzenia. Aby wykonać wydarzenie, przechwytując „addEventListener ()„Można zastosować metodę. Ten post wykazał metodę wykonywania zdarzeń.
funkcja event_capring ()
var all_p = dokument.getElementsBaTagname („p”);
dla (var i = 0; i < All_p.length; i++)
All_p [i].addEventListener („Click”, ClickHandler, true);
funkcja ClickHandler ()
alarm (to.getAttribute („id”) + „zdarzenie pomyślnie obsługiwane”);