Prototyp - Ereignisbehandlung

Event Management ist eine der größten Herausforderungen, um browserübergreifendes Scripting zu erreichen. Jeder Browser hat unterschiedliche Ansätze, um Tastenanschläge zu verarbeiten.

Prototype Framework behandelt alle browserübergreifenden Kompatibilitätsprobleme und hält Sie von allen Problemen im Zusammenhang mit der Ereignisverwaltung frei.

Prototype Framework bietet einen Ereignis- Namespace mit zahlreichen Methoden, die alle das aktuelle Ereignisobjekt als Argument verwenden und die von Ihnen angeforderten Informationen in allen gängigen Browsern problemlos erstellen.

Der Ereignis-Namespace bietet auch eine standardisierte Liste von Tastencodes, die Sie für Ereignisse im Zusammenhang mit der Tastatur verwenden können. Die folgenden Konstanten sind im Namespace definiert -

S.No.	Schlüsselkonstante & Beschreibung
1.	KEY_BACKSPACE Stellen Sie die Rücktaste dar.
2.	KEY_TAB Stellen Sie die Tabulatortaste dar.
3.	KEY_RETURN Stellen Sie die Eingabetaste dar.
4.	KEY_ESC Esc-Schlüssel darstellen.
5.	KEY_LEFT Linke Taste darstellen.
6.	KEY_UP Stellen Sie den Schlüssel dar.
7.	KEY_RIGHT Stellen Sie den rechten Schlüssel dar.
8.	KEY_DOWN Taste nach unten darstellen.
9.	KEY_DELETE Löschschlüssel darstellen.
10.	KEY_HOME Stellen Sie den Home-Schlüssel dar.
11.	KEY_END Stellen Sie den Endschlüssel dar.
12.	KEY_PAGEUP Stellen Sie den Aufwärtsschlüssel dar.
13.	KEY_PAGEDOWN Stellen Sie die Bild-ab-Taste dar.

Umgang mit Ereignissen

Bevor wir beginnen, sehen wir uns ein Beispiel für die Verwendung einer Ereignismethode an. Dieses Beispiel zeigt, wie das DOM-Element erfasst wird, bei dem das Ereignis aufgetreten ist.

Beispiel

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         // Register event 'click' and associated call back.
         Event.observe(document, 'click', respondToClick);
  
         // Callback function to handle the event.
         function respondToClick(event) {
            var element = event.element();
            alert("Tag Name : " + element.tagName );
         }
      </script>
   </head>

   <body>
      <p id = "note"> Click on any part to see the result.</p>
      <p id = "para">This is paragraph</p>
      <div id = "division">This is divsion.</div>
   </body>
</html>

Ausgabe

Hier finden Sie eine vollständige Liste aller Methoden im Zusammenhang mit Event. Die Funktionen, die Sie am häufigsten verwenden, sind Beobachten , Elementieren und Stoppen .

Prototyp-Ereignismethoden

NOTE - Stellen Sie sicher, dass Sie mindestens die Version 1.6 von prototype.js haben.

S.No.	Methode & Beschreibung
1.	Element() Gibt das DOM-Element zurück, bei dem das Ereignis aufgetreten ist.
2.	erweitern() Erweitert das Ereignis mit allen in Event.Methods enthaltenen Methoden.
3.	findElement () Gibt das erste DOM-Element mit einem bestimmten Tag-Namen ab demjenigen zurück, bei dem das Ereignis aufgetreten ist.
4.	isLeftClick () Legt fest, ob es sich bei einem Schaltflächen-bezogenen Mausereignis um die "linke" (eigentlich primäre) Schaltfläche handelt.
5.	beobachten() Registriert einen Ereignishandler für ein DOM-Element.
6.	pointerX () Gibt die absolute horizontale Position für ein Mausereignis zurück.
7.	pointerY () Gibt die absolute vertikale Position für ein Mausereignis zurück.
8.	halt() Stoppt die Weitergabe des Ereignisses und verhindert, dass seine Standardaktion schließlich ausgelöst wird.
9.	stopObserving () Hebt die Registrierung eines Ereignishandlers auf.
10.	unloadCache () Hebt die Registrierung aller durch Observ registrierten Event-Handler auf. Automatisch für Sie verkabelt. Nicht verfügbar seit 1.6.