Return to Video

Anatomie eines jQuery-Ereignis-Listeners

  • 0:00 - 0:03
    Bisher, Sie haben Browser Ereignisse recherchiert und
  • 0:03 - 0:05
    Sie haben einen Blick darauf geworfen, wie sie protokolliert werden.
  • 0:05 - 0:09
    Jetzt ist es Zeit, eigentlich zuzuhören
    und antworte ihnen mit jQuery.
  • 0:09 - 0:13
    Es gibt drei Artikel, die Sie benötigen
    um Ereignisse zu hören und darauf zu reagieren.
  • 0:13 - 0:17
    Sie benötigen das Zielelement, um zuzuhören,
    das Ereignis, auf das wir reagieren wollen
  • 0:17 - 0:19
    und die Aktionen, die als Reaktion ergriffen werden müssen.
  • 0:19 - 0:21
    Lassen mich ihnen ein Beispiel zeigen.
  • 0:21 - 0:26
    Ich brauche das Zielelement, das jQuery wird für Ereignisse zuhören,
  • 0:26 - 0:29
    daher verwende ich jQuery
    um das Eingabefeld auszuwählen.
  • 0:30 - 0:32
    Dann, rufe ich die on-Methode auf.
  • 0:32 - 0:34
    Diese on-Methode is wo die Magie passiert.
  • 0:34 - 0:39
    Diese ist die Hauptmethode die jQuery benutzt, um Ereignis-Listenern zu einrichten.
  • 0:39 - 0:42
    Das erste Argument für die on-Methode
    ist das Ereignis, auf das ich hören möchte.
  • 0:42 - 0:44
    In diesem Beispiel ist es der Tastendruck.
  • 0:44 - 0:48
    Es könnte aber auch klicken, ändern,
    und Mouseover sein, um nur einige zu nennen.
  • 0:49 - 0:49
    Und schließlich,
  • 0:49 - 0:53
    Ich muss eine Funktion übergeben mit dem Aktionen, die ich als Antwort ausführen wolle.
  • 0:53 - 0:55
    Diese Funktion ist "Rückruf" genannt.
  • 0:55 - 0:58
    Die Rückruffunktion, die an die on-Methode übergeben wird,
  • 0:58 - 1:00
    ist nur eine reguläre JavaScript-Funktion.
  • 1:00 - 1:03
    Und kann, daher, Beliebiger JavaScript-Code, den Sie möchten enthalten
  • 1:03 - 1:06
    von der Änderung des Seiteninhalts
    zu Analytics-Code.
  • 1:06 - 1:09
    Ich ändere den Inhalt der Funktion
    um die Farbe der Seite zu ändern.
  • 1:10 - 1:11
    Und ich teste es.
  • 1:11 - 1:14
    Bam.
    Sieht gut aus.
  • 1:14 - 1:18
    Im nächsten Quiz erstellen Sie Ihren eigenen Ereignis-Listener.
Tytuł:
Anatomie eines jQuery-Ereignis-Listeners
Opis:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud245 - Intro to JQuery
Duration:
01:18

German subtitles

Revisions