Heim > Web-Frontend > js-Tutorial > Hauptteil

DOM-Basis-Tutorial-Ereignisobjekt_Grundkenntnisse

WBOY
Freigeben: 2016-05-16 16:18:55
Original
1005 Leute haben es durchsucht

Ereignisse in Browsern liegen in Form von Objekten vor. Ebenso gibt es Unterschiede beim Abrufen von Ereignisobjekten zwischen IE-Browsern und Standard-DOM-Browsern. Im IE-Browser ist das Ereignisobjekt ein Attributereignis des Windows-Objekts. Die Zugriffsmethode verwendet normalerweise die folgende Methode.

Code kopieren Der Code lautet wie folgt:

oP.onclick = function(){
var oEvent = window.event;
}

Obwohl es sich um eine Fensterobjekteigenschaft handelt, kann auf das Ereignisobjekt nur zugegriffen werden, wenn das Ereignis auftritt. Nachdem alle Ereignisverarbeitungsfunktionen ausgeführt wurden, verschwindet das Objekt.

Das Standard-DOM schreibt vor, dass das Ereignisobjekt als einziger Parameter an die Ereignisverarbeitungsfunktion übergeben werden muss. Sobald in einem Browser wie Firefox darauf zugegriffen wird, wird das Ereignisobjekt normalerweise als Parameter verwendet und der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

oP.onclick = function(oEvent){
}

Um mit beiden Browsern kompatibel zu sein, wird daher normalerweise die folgende Methode verwendet

Code kopieren Der Code lautet wie folgt:

oP.onclick = function(oEvent){
if(window.event)oEvent = window.event; }

Nachdem der Browser das Ereignisobjekt erhalten hat, kann er über seine Reihe von Eigenschaften und Methoden verschiedene Ereignisse verarbeiten, z. B. Mausereignisse, Tastaturereignisse und Browserereignisse. Warten

Die häufig verwendeten Attribute und Methoden sind unten aufgeführt:

Wie oben zu sehen ist, weisen die beiden Browsertypen immer noch einige Ähnlichkeiten auf. Beispielsweise ist das Typattribut mit verschiedenen Browsern kompatibel und gibt etwa „Klick“ oder „Mausbewegung“ zurück ". Klassenwert.

Dies ist nützlich, um mehrere Arten von Ereignissen mit derselben Funktion zu verarbeiten.

Wie folgt: Dieselbe Funktion verarbeitet mehrere Ereignisse.

Code kopieren Der Code lautet wie folgt:
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage