Heim > Web-Frontend > js-Tutorial > Hauptteil

Js-Prozess zum Ausführen von Mausereignissen

php中世界最好的语言
Freigeben: 2017-11-28 14:48:19
Original
1922 Leute haben es durchsucht

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

Ereignisverarbeitung

nicht 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

Anonyme Funktionen

Achten Sie auf die Ausführungsreihenfolge in der IE-Version

DOMContentLoaded Jetzt müssen Sie den Inhalt verstehen und auf ein Konzept achten: Ereignisbehandlungsfunktion


Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!