So implementieren Sie die Mausverfolgung in JavaScript

So implementieren Sie die Mausverfolgung in JavaScript: 1. Legen Sie „evt || window.event;“ fest. 2. Erstellen Sie „function(evt)“; Position der Maus Ordnen Sie einfach den Positionswert dem Positionswert des Elements zu.

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Wie implementiert man Mausverfolgung in JavaScript?

JS-Methode zur Implementierung eines einfachen Mausfolgeeffekts

JS-Methode zur Implementierung eines einfachen Mausfolgeeffekts. Die spezifische Analyse lautet wie folgt:

Mausfolge bedeutet, wie der Name schon sagt, dass es eine Animation gibt, die der Maus folgt, wenn sich die Maus bewegt.

Punkt 1:

var oEvent = evt || window.event;

Dies ist so geschrieben, dass es mit IE und FF kompatibel ist. Unter IE stellt window.event das Ereignisobjekt dar, während unter FF ein Parameter an die Ereignisfunktion übergeben wird und dieser Parameter das darstellt Ereignisobjekt.

Punkt 2:

document.onmousemove = function(evt)

Mausfolgen ist das, was passiert, wenn sich die Maus bewegt.

Punkt 3:

rrree

Dies dient der Kompatibilität mit Chrome und anderen Browsern. Chrome verwendet den hinteren und andere Browser den vorderen.

Punkt 4:

document.documentElement.scrollTop || document.body.scrollTop;

Weisen Sie die aktuelle Position der Maus dem Positionswert des Elements zu, wenn sich die Maus bewegt.

oEvent.clientY ist die aktuelle Y-Koordinatenposition der Maus. Der zum Scrolltop hinzugefügte Abstand wird so geschrieben, dass beim Scrollen zu einem anderen als dem ersten Bildschirm der Mausfolgeeffekt unverändert bleibt.

Der Code lautet wie folgt:

oTop.style.top=oEvent.clientY+scrolltop+10+"px";

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Mausverfolgung in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!