Główna zawartość
Kurs: Programowanie > Rozdział 7
Lekcja 5: Zdarzenia DOM z jQuery- Dodawanie detektorów zdarzeń w jQuery
- Wyzwanie: Klikacz Croc
- Używanie właściwości zdarzenia w jQuery
- Wyzwanie: Gdzie jest pies
- Które zdarzenia DOM i właściwości tam są?
- Sprawdzanie gotowości DOM z jQuery
- Przypomnienie: Zdarzenia DOM w jQuery
- Projekt: Zmiana sceny
© 2024 Khan AcademyWarunki użytkowaniapolitykę prywatnościInformacja o plikach cookie
Które zdarzenia DOM i właściwości tam są?
Przeglądarki wywołują wiele zdarzeń. Możesz użyć jQuery, aby dodać detektor zdarzeń do każdego z nich.
Pełna lista zdarzeń przeglądarek jest na MDN, ale poniżej stworzyliśmy listę z najczęściej używanymi typami i nazwami, plus przykłady korzystania z nich:
- zdarzenia myszy: 'click' (przykład), 'mousedown'/'mouseup' (przykład), 'mousemove' (przykład), 'mouseenter'/'mouseleave' (przykład)
- zdarzenia klawiatury: 'keydown', 'keypress', 'keyup' (przykład)
- zdarzenia dotyku: 'touchdown', 'touchup', 'touchstart', ‘touchcancel’ (przykład)
- drag events: 'dragstart', 'dragend' (Wielu developerów używa jQueryUI do obsługi przeciągania, bo trudno korzystać z nich bezpośrednio. Tutaj przykłady przeciągalnych elementów i stref wrzutu.)
- zdarzenia formularza: 'submit' (przykład), 'change' (przykład), 'focus'/'blur' (przykład).
- window events: 'scroll' (przykład), 'reload', 'hashchange'
Gdy dodajesz deketor zdarzenia i zdarzenie zachodzi, jQuery wywoła twój kod w obiekcie zdarzenia jQuery, który zawiera odpowiednie właściwości w sobie. Przeczytaj dokumentację, aby dowiedzieć się jakie właściwości są dostępne.
Chcesz dołączyć do dyskusji?
Na razie brak głosów w dyskusji