In tatsächlichen Projekten müssen wir häufig JavaScript verwenden, um Mausereignisse zu bedienen. Deshalb werde ich Ihnen heute ausführlich den Prozess der Bedienung von Mausereignissen mit JS und die Verwendung von JS zur Bedienung von Mausereignissen erläutern.
Beachten Sie, dass onmouseover und onmouseout nur einmal ausgeführt werden und onmousemove mehrmals ausgeführt werden
Onmousedown Es wird auch nur einmal ausgeführt, nur einmal für jeden Klick, und wird im Gegensatz zu onkeydown und onkeypress nicht kontinuierlich ausgelöst. Was sind die Mausereignisse? ? ?
wird in Firefox als undefiniert angezeigt
und wird im IE als undefiniert angezeigt
Die obige Anzeige ist jedoch in Google normal. Jetzt müssen wir einen kompatiblen IE erstellen Firefox
Hier gibt es eine Frage: Im separaten console.log(window) ist das darin angezeigte Ereignisattribut undefiniert, aber im consoe.log(window.event) wird angezeigt, warum es dort ist Gibt es einen solchen Unterschied in der gewünschten Wirkung?
Hier hat der Lehrer Probleme, aber ich weiß nicht, warum
Die obige Analyse ist falsch. Sowohl e als auch window.event werden nur e unterstützt. und Google unterstützt nur window.event
zur Teilnahme an dynamischen Erstellungsattributen
Da die Attribute e.pageX und e.pageY in niedrigeren Versionen von IE nicht unterstützt werden (in niedrigeren Versionen von IE Wird in der Mitte angezeigt.) Verwenden Sie also die Mausposition des visuellen Bereichs + die Rollhöhe der Bildlaufleiste, um die Mausposition basierend auf dem Inhaltsbereich zu erhalten
Das obige Dokument ist das Fenster
Ereigniserfassung Nur um den Inhalt zu verstehen: Die Funktion
Ereignisverarbeitung wird in der Funktion
Ereignisverarbeitungnicht unterstützt. Beachten Sie, dass Ereignisse nach Stufe 0 Ereignisse überschreiben frühere Ereignisse.
Der obige Code macht keinen Sinn.
Bubbling: von bestimmten Knoten zu unspezifischen Knoten stellt die Erfassung dar, hat aber keine spezifische Wirkung. Jetzt ist es dasselbe wie das Sprudeln
Erfassen: von einem unspezifischen Knoten zu einem bestimmten Knoten , um den gleichen Effekt wie der Funktionsausführungskontext zu erzielen, addEventListener( ) wird im
IE-Browser
nicht unterstützt. Das Obige ist die Methode zum Deinstallieren von DOM-Level-0-Ereignissen (bei der Deinstallation von Ereignissen wird die Ereignisverarbeitungsfunktion weiterhin ausgeführt, wenn die Schnittstelle erneut aktualisiert wird)
Tatsächlich hat es den gleichen Effekt wie die Deinstallation von DOM-Level-0-Ereignissen
IE hat DOM2-Level-Events hinzugefügt
Die neueste Version von IE, IE11, unterstützt das Attribut nicht attachmentEvent
IE deinstalliert Ereignisse auf DOM2-Ebene
Das Folgende ist die Kapselungsfunktion:
This Diese Schreibweise wird im IE als leer angezeigt
This Schreibweise meldet einen Fehler direkt in Nicht-IE. In Nicht-IE wird er als undefiniert angezeigt. Die folgende Funktionskapselung basiert auf diesem Prinzip 🎜>
Da die Ereigniserfassung selten verwendet wird, ist der vierte Wert normalerweise falsch. Es ist nicht erforderlich, einen separaten Parameter zu übergeben. Schreiben Sie ihn einfach direkt , kann nicht in Ereignisbehandlungsfunktionen verwendet werden Achten Sie auf die Ausführungsreihenfolge in der IE-Version DOMContentLoaded Jetzt müssen Sie den Inhalt verstehen und auf ein Konzept achten: EreignisbehandlungsfunktionSo machen Sie DIV zu einer adaptiven Höhe
So verwenden Sie CSS, um den Textinhalt des auszublenden Bildhintergrund
Die Notwendigkeit, CSS zu initialisieren, bevor ein Front-End-Projekt gestartet wird
Das obige ist der detaillierte Inhalt vonJs-Prozess zum Ausführen von Mausereignissen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!