Klassifizierung von Ereignissen in JavaScript

Wir alle wissen, dass es in JavaScript viele Arten von Ereignissen gibt, und sie werden sehr häufig verwendet. Das Wichtigste ist, dass sie beim Schreiben über JavaScript-Ereignisse, lese es einfach Einmal war es nicht leicht zu finden, als ich danach suchte, was mir Kopfschmerzen bereitete, also klassifizieren wir die Ereignisse in JavaScript

Mausklickereignisse Mousedown, Mousemove, Mouseout, Doppelklick (Doppelklick), Kontextmenü (Rechtsklick-Menü)

Mausrad-EreignisMausrad Radereignis, geeignet für IE/Google Safari, DOMMouseScroll–>Das private Scrollradereignis von Firefox kann nur mit addEventListener() gebunden werden.
e.wheelDelta > 0 bedeutet, dass das Rad oben ist. e.wheelDelta < 0 bedeutet, dass das Rad unten ist. e.detail<0 bedeutet, dass das Scrollrad oben ist, e.detail>0 bedeutet, dass das Scrollrad unten ist, Privatbesitz von Firefox.

Tastaturereignisse Tastendruck, Tastendruck, Tastendruck
Tastendruck kann alle Tastaturen erkennen, einschließlich physischer Tasten und Hilfstasten [Strg, Umschalt, Alt , f1...]
Tastendruck kann nur physische Tasten [Zeichen, Buchstaben, Zahlen, Symbole, Leerzeichen] erkennen und kann Groß- und Kleinbuchstaben erkennen sowie die Taste, die Sie drücken, e.keyCode

Touch-Ereignis Touchstart, Auslöser, wenn der Finger auf den Bildschirm drückt
Touchmove, Auslöser, wenn der Finger über den Bildschirm gleitet
Touchend, Auslöser, wenn der Finger den Bildschirm verlässt
Berühren Sie Abbrechen, Abbruch des Touchscreen-Ereignisses

Animationsereignis Startpunkt der Zoom-Geste zum Anfangen der Zoom-Geste
Endpunkt der Zoom-Geste zum Zusammenziehen
Pinch-Zoom-Geste
Pinchin-Verkleinerung
Pinchout-Zoom
drehen, nach links drehen, nach links drehen
nach rechts drehen, nach rechts drehen
drehen, drehen
Wischen, Startpunkt der Schiebegeste
Wischen, Schieben läuft
Endpunkt der Schiebegeste streichen
Nach links streichen, nach links streichen
Nach rechts streichen, nach rechts streichen
Nach oben streichen, nach oben streichen
Nach unten streichen, nach unten streichen
Schiebe streichen
Ziehen, starten, ziehen, den Bildschirm ziehen
Ziehen Ziehen, Ziehen-Geste
Ziehen, Ende ziehen und den Bildschirm ziehen
Ziehen, Ziehen, Ziehen-Geste
Langes Drücken und Halten. Langes Drücken des Bildschirms
Tippen, Tippen, Klicken Sie auf den Bildschirm

Formular Ereignis
onchange[Wenn sich das FormularDropdown-Liste Element ändert], oninput[wenn das Textfeld eingegeben wird]
onsubmit[wenn das Formular gesendet wird]

onfocus[Fokus erhalten] onblur[Fokus verloren]

Zwei Möglichkeiten der Ereignisbindung. on und addEventListener()

1. Bei der Ereignisbindung Ereignisse, die durch on gebunden werden, können übergeben und auf NULL gesetzt werden.
Ein-Events können nur zur Sprudelphase des Events hinzugefügt werden.

2. addEventListener() Ereignisse, die durch addEventListener(type, handle, boolean) gebunden werden, können
durch removeEventListener(type, handle, boolean) entfernt werden. boolean ist falsch an die Bubbling-Phase des Ereignisses gebunden. Bindet true an die Erfassungsphase des Ereignisses.

Sprudeln und Erfassen von Ereignissen
Sprudeln verhindern: Für Ereignisse, die an gebunden sind, verwenden Sie e .cancelBubble = true;
addEventListener verwendet e.stopPropagation(), um die Ereignisweitergabe zu verhindern

1. event.preventDefault;

Dies ist vielleicht nicht die detaillierteste, aber dies sind die am häufigsten verwendeten.

Das obige ist der detaillierte Inhalt vonKlassifizierung von Ereignissen in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!