Dieser Artikel fasst die allgemeinen Ereignisse von JS DOM für alle zusammen und hat einen gewissen Referenzwert. Interessierte Freunde können sich darauf beziehen.
klicken klicken dblclick doppelklicken Kontextmenü rechtsklicken mit der Maus darüber Die Maus schwebt über dem Element. Es wird empfohlen, MouseEnter anstelle von MouseOut zu verwenden MouseEnter Die Maus schwebt über dem Element. MouseLeave. Die Maus verlässt das Element.
MouseDown
.
Kann Tastaturereignisse abgehört werden?
① Dokument
② Elemente, die den Fokus erhalten können (Formularsteuerelemente, insbesondere Eingabeelemente)
2. Was ist der Unterschied zwischen Tastendruck und Tastendruck?
① Keydown kann durch Drücken aller Tasten ausgelöst werden und kann nicht zwischen Groß- und Kleinbuchstaben unterscheiden.
② Tastendruck kann nur ausgelöst werden, wenn die Taste gedrückt wird, mit der Zeichen eingegeben werden können, und bei den Tasten kann die Groß-/Kleinschreibung beachtet werden.
3. Wie finde ich heraus, welche Taste gedrückt wurde?
Verwenden Sie die Attribute im Ereignisobjekt:
evnet.keyCode ruft den ASCII-Wert ab, der dem Schlüsselereignis entspricht.
Dies ist dasselbe wie keyCode.
event.key ruft den Zeichenwert des Schlüssels ab.
Laden des Dokuments wird ausgelöst, wenn alle Elemente auf der Seite geladen werden. Sie können das Fenster oder das Dokument anhören Sie können addEventListener nur zum Abhören des Ereignisses vor dem Entladen verwenden. Der Unterschied zwischen dem Ladeereignis und dem DOMContentLoaded-Ereignis, das beim Schließen der Webseite ausgelöst wird
:
① Das Ladeereignis wird erst ausgelöst, nachdem alles auf der Seite geladen wurde, einschließlich Elemente und externe Elemente Ressourcen.
② Das DOMContentLoaded-Ereignis kann ausgelöst werden, wenn alle Elemente auf der Seite geladen werden, mit Ausnahme externer Ressourcen.
submit“ wird ausgelöst, wenn das Formular gesendet wird. Dieses Ereignis lauscht auf das Formularelement. Das Zurücksetzen wird ausgelöst, wenn das Formularelement den Fokus erhält. Es wird ausgelöst, wenn das Formularelement den Fokus verliert . Für das Eingabefeld wird es nur ausgelöst, wenn sich der Inhalt ändert und der Fokus verloren geht. Geeignet für „Auswählen“
Laden der Bilddatei“ abgeschlossen Fehler beim Laden des Bildes
„Größe ändern“ überwacht das Fenster und die Größe des Ansichtsfensters ändert sich Überwacht das Fenster oder Elemente mit Bildlaufkörpern und wird ausgelöst, wenn der Inhalt der Seite oder des Elements gescrollt wird.
Setzen Sie den ersten formalen Parameter auf die Rückruffunktion des Ereignisses, um das Ereignisobjekt zu erhalten.
Verschiedene Arten von Ereignissen erhalten unterschiedliche Arten von Ereignisobjekten.
offsetX / offsetY Ermitteln Sie die Koordinatenposition der Maus auf dem Zielelement. clientX / clientY Ermitteln Sie die Koordinatenposition der Maus im Ansichtsfenster. pageX / pageY Ermitteln Sie die Koordinatenposition der Maus auf der Seite screenX / screenY Ermittelt die Koordinatenposition der Maus auf dem Bildschirm. Die Koordinatenposition der Schaltfläche ermittelt, welche Maustaste gedrückt wurde, 0: linke Taste; 2: rechte Taste;
keyCode ruft den Codewert ab, der der Schaltfläche entspricht und mit keyCode identisch ist key Ruft den Zeichenwert ab, der dem Schlüssel entspricht.
type Ruft den Ereignisnamen ab. timeStamp Ruft die Anzahl der Millisekunden ab der Auslösung des Ereignisses ab. target Ruft das Zielelement ab. stopPropagation() Verhindert, dass das Ereignis sprudelt präventDefault() blockiert das Browser-Standardverhalten
, indem event.stopPropagation() in der Rückruffunktion des Ereignisses ausgeführt wird, um das Blubbern zu verhindern.
Klicken Sie auf den Hyperlink, um das Sprungformular zu senden und zurückzusetzen, klicken Sie mit der rechten Maustaste, um das Systemmenü aufzurufen usw.
event.preventDefault() in der Rückruffunktion des Ereignisses auf, um das Standardverhalten zu verhindern.
Hinweis: Wenn Sie die zweite Methode zum Abhören von Ereignissen verwenden, kann
return falsein der Rückruffunktion auch das Standardverhalten verhindern.
Ereignis lauscht auf das Vorfahrenelement, bestimmt das Zielelement und führt relevante Vorgänge aus, wenn das Zielelement die Bedingungen erfüllt.
Vorteile der Ereignisdelegierung:
Zum Abhören desselben Ereignisses bei einer großen Anzahl von Elementen ist die Verwendung der Ereignisdelegation effizienter als das Durchlaufen und Abhören nacheinander.
Mithilfe der Ereignisdelegation können neue Elemente auf Ereignisse reagieren.
Verwandte Empfehlungen: [JavaScript-Video-Tutorial]
Das Obige ist die neueste Zusammenfassung häufiger JavaScript-DOM-Ereignisse! Weitere Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
