jQuery von Kopf bis Fuß (German Edition)

einmal nur auf die Klicks konzentrieren.) Ein Event ist ein Mechanismus, der es ermöglicht, ein Stück Code auszuführen, wenn etwas Bestimmtes auf der Seite passiert (wie beispielsweise das Anklicken eines Buttons). Der Code wird in einer Funktion ausgeführt. Duch Funktionen wir Ihr jQuery effizienter und besser wiederverwendbar. Wir werden uns in einer Minute genauer mit Funktionen beschäftigen. Vorher wollen wir uns aber ansehen, wie ein click-Event tatsächlich funktioniert.

    Gute Frage.
    Event Listener sind Teil des Document Object-Modells (DOM). Wenn Sie eine Seite mit Event Listeners ausstatten, können Sie Dinge passieren lassen, ohne dass der Benutzer Links oder Buttons anklickt. Das wollen wir und gleich mal etwas genauer ansehen.

Hinter den Kulissen eines Event Listeners
    Durch Event Listeners merkt der Browser, wenn sich auf der Seite etwas ereignet (der Benutzer eine Aktion ausführt). Dadurch kann er (der Browser) dem JavaScript-Interpreter mitteilen, ob es etwas zu tun gibt oder nicht.
    Mit jQuery können Sie auf einfache Weise jedes beliebige Element mit Event Listenern versehen. Die Benutzer können also auch andere Dinge anklicken, nicht nur Bilder und Links.

Ein Event binden
    Bei der Definition eines Events für ein Element sagt man, dass das Event an das Element gebunden wird. Durch diese Bindung weiß der JavaScript-Interpreter, welche Funktion aufgerufen werden soll.
    Es gibt zwei Arten, auf die Events an Elemente gebunden werden können.

Methode 1
    Diese Methode verwenden wir, um Elemente beim Laden der Seite mit Events zu versehen.
    Dieses Vorgehen wird oft auch als Convenience -Methode bezeichnet.

Methode 2
    Wir können dieses Verfahren genauso nutzen wie die Convenience-Methode. Zusätzlich ist es bei dieser Methode möglich, Events an Elemente zu binden, die erst nach dem Laden der Seite hinzugefügt werden, beispielsweise beim Erstellen neuer DOM-Elemente.
    Aufgepasst
    Eigentlich ist Methode 1, die Convenience-Methode, nur eine Abkürzung für Methode 2, allerdings nur, wenn das DOM-Element schon existiert .
    In jQuery gibt es eine Reihe dieser Abkürzungen, die Ihnen dabei helfen, Ihren Code sauber zu halten. Sie werden als Convenience- (Bequemlichkeits-)Methoden bezeichnet, weil sie nur existieren, um die Benutzung von jQuery zu erleichtern. Dafür sind ihre Möglichkeiten aber auch beschränkt. Wenn Sie in Ihrem Code neue DOM-Elemente erstellen, beispielsweise ein anklickbares Bild oder ein neues Listenelement, mit dem interagiert werden soll, werden Sie die zweite Methode brauchen.

Events auslösen
    Events lassen sich in einer Seite durch die verschiedensten Dinge auslösen. Eigentlich steckt der ganze Browser voller Ereignisse, und fast jeder Teil kann ein Event auslösen.

    Es gibt keine: Dummen Fragen
    F:
F: Was hat es mit den Funktionen innerhalb der Events auf sich?
A:
A: Das sind die die sogenannten Handler-Funktionen . Eine Handler-Funktion ist ein Stück Code, das ausgeführt wird, wenn ein Event ausgelöst wird. Weitere Informationen zu Funktionen finden Sie später in diesem Kapitel.
F:
F: Wo kann ich eine Liste mit den verschiedenen Arten von Events finden?
A:
A: Auf der jQuery-Website unter http://api.jquery.com/category/events/ .
F:
F: Wie viele Arten von Events gibt es?
A:
A: Die jQuery-Events werden in fünf Kategorien unterteilt: Browser-Events, Events beim Laden des Dokuments, Formular-Events, Tastatur-Events und Maus-Events.
F:
F: Wie viele verschiedene Events gibt es denn?
A:
A: Innerhalb der Kategorien gibt es fast 30 verschiedene Event-Typen.
F:
F: Was kann ein Event auf einer Seite auslösen (dafür sorgen, dass es sich »ereignet«)?
A:
A: Hauptsächlich werden die verschiedenen Events durch Eingabegeräte (Maus, Tastatur) ausgelöst. Aber auch Ihr Browser, das Dokument, Ihr jQuery-Code und selbst ein HTML-Formular können Events auslösen.
    Das Event im Rampenlicht
    Das Interview der Woche: Was ist dran an diesen Events?
    Von Kopf bis Fuß:  Hallo, Event. Danke, dass Sie für uns Zeit haben.
    Event:  Es freut mich, hier zu sein.
    Von Kopf bis Fuß:  Also, wer sind Sie wirklich? Wer ist das wahre Event?
    Event:  Heutzutage bin ich ziemlich eigenständig. Bevor es jQuery gab, lebte ich mal hier und mal dort. Im Prinzip bin ich ein Objekt, das Menschen bei der Interaktion mit einer Webseite hilft.
    Von Kopf bis Fuß:  Das klingt cool. Ich komme gleich noch mal darauf zu sprechen. Aber was meinen Sie mit »mal hier und mal dort«? Wo kommen Sie denn