addEventListener ('mousemove-Dokument bereit

Newbie-Frage nehme ich an.

Der folgende code ist Teil einer Funktion, die ich als Dokument bereit. Es ist beabsichtigt, um permanent die Rückkehr der Werte von der aktuellen position des Mauszeigers, wenn die Maus bewegt wird.

Die seltsame Sache passiert ist: das Bewegen der Maus auf dem Dokument bereit nicht alles loggen, was auf der Konsole. Ich weiß, die mouse_monitor-Funktion funktioniert, aber da ich diese Funktion in einem anderen "mousedown"-eventlistener und es meldet sich dann die aktuelle Maus-position an die Konsole.

//Mouse Monitor

    canvas.addEventListener('mousemove', mouse_monitor, false);


//Mouse Monitor Request
    var mouse = new Array();
    var mouse_monitor = function(e) {
        var canvasOffset=$("#canvas").offset();
        var offsetX=canvasOffset.left;
        var offsetY=canvasOffset.top;
        mouse.x = e.pageX - offsetX;
        mouse.y = e.pageY - offsetY;
        return mouse;
        console.log(mouse);
    }
Beachten Sie auch, dass, wenn Sie die addEventListener stattfinden, bevor die Zuordnung der mouse_monitor die addEventListener hinzufügen nicht jede Veranstaltung

InformationsquelleAutor Björn Reinhardt | 2013-06-08

  1. 1
    return mouse;

    Alle Anweisungen nach, dass die Zeile nicht ausgeführt werden.

    Okay, dann etwas arbeiten und ergänzen/ändern Sie es inkrementell:

    var mouse_monitor = function(e) {
  var x = e.pageX;
  var y = e.pageY;
  console.log(x, y);
}

window.onload = function() {
  this.addEventListener('mousemove', mouse_monitor);
}

    Aber Sie erwähnten "Dokument bereit", wenn Sie also mit jquery sollten Sie vermeiden Sie die Verwendung von addEventListener (), weil es nicht cross-browser:

    var mouse_monitor = function(e) {
  var x = e.pageX;
  var y = e.pageY;
  console.log(x, y);
}

$(document).ready( function() {
  $(this).on('mousemove', mouse_monitor);
});

    Ein weiterer Ansatz ist die Konsole.log() alle Variablen und deren Werte im Vorfeld der failed-code, um zu bestimmen, welche Werte nicht so sind, wie Sie sein sollten.

    Natürlich, sorry. Ein vertauschen der letzten beiden Aussagen, um nicht das problem löst, entweder, wenn 🙁

    InformationsquelleAutor 7stud

Schreibe einen Kommentar