Programmiererforum

window.addEventListener("mousemove", function (e) {

if (time > Date.now() - 100) return
time = Date.now();

var movementX = e.movementX;
var movementY = e.movementY;
if (movementX < 0) {
// left
} else if (movementX > 0) {
// right
} else if (movementY < 0) {
// up
} else if (movementY > 0) {
// down
}
});

e.preventDefault()

Verwenden Sie derzeit das folgende Zitat, um die Richtung der Mausbewegung zu erkennen:
[code]window.addEventListener("mousemove", function (e) {

if (time > Date.now() - 100) return
time = Date.now();

var movementX = e.movementX;
var movementY = e.movementY;
if (movementX < 0) {
// left
} else if (movementX > 0) {
// right
} else if (movementY < 0) {
// up
} else if (movementY > 0) {
// down
}
});
[/code]
Aber es funktioniert nicht mehr, wenn eine Seite des Bildschirms erreicht ist. In diesem Fall sind BewegungX oder BewegungY gleich Null und meine Bedingungen funktionieren nicht mehr. Beispielsweise hat der Cursor die linke Seite des Fensters erreicht. Der Benutzer versucht, den Cursor nach links zu bewegen, aber ich kann es nicht erkennen – MovementX ist gleich 0.
Bitte schauen Sie sich den Beispielcode an – bewegen Sie einfach den Cursor ganz nach links und dann Bewegen Sie ihn weiter nach links, Sie werden sehen, dass in der Konsole keine neuen Datensätze vorhanden sind. Sie versuchen immer wieder, den Cursor nach links zu bewegen, aber der Code erkennt dies nicht.
Ich habe versucht, die Standardbewegung abzubrechen ([code]e.preventDefault()[/code]) und um den Cursor immer in der Mitte zu halten, indem ein weiteres Mausbewegungsereignis gesendet wird. Aber es funktioniert nicht.
Was sollte ich noch beachten?