Wie erhalte ich die Mausposition in jQuery ohne Mausereignisse?

Ich möchte die aktuelle Mausposition erhalten, möchte aber nicht Folgendes verwenden:

$(document).bind('mousemove',function(e){ 
        $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY); 
}); 

weil ich nur die Position bekommen und die Informationen verarbeiten muss

Ich glaube nicht, dass es eine Möglichkeit gibt, die Mausposition abzufragen , aber Sie können einen mousemoveHandler verwenden, der nur die Informationen speichert, damit Sie die gespeicherten Informationen abfragen können.

jQuery(function($) {
    var currentMousePos = { x: -1, y: -1 };
    $(document).mousemove(function(event) {
        currentMousePos.x = event.pageX;
        currentMousePos.y = event.pageY;
    });

    // ELSEWHERE, your code that needs to know the mouse position without an event
    if (currentMousePos.x < 10) {
        // ....
    }
});

Aber fast der gesamte Code außer setTimeoutCode und dergleichen wird als Reaktion auf ein Ereignis ausgeführt, und die meisten Ereignisse geben die Mausposition an. Ihr Code, der wissen muss, wo sich die Maus befindet, hat wahrscheinlich bereits Zugriff auf diese Informationen ...

Sie können die Mausposition in jQuery nicht lesen, ohne ein Ereignis zu verwenden. Beachten Sie zunächst, dass die Eigenschaften event.pageXund event.pageYfür jedes Ereignis vorhanden sind. Sie können also Folgendes tun:

$('#myEl').click(function(e) {
    console.log(e.pageX);
});

Sie können auch einen Abschluss verwenden, um Ihrem gesamten Code Zugriff auf eine Variable zu gewähren, die von einem Mousemove-Handler aktualisiert wird:

var mouseX, mouseY;
$(document).mousemove(function(e) {
    mouseX = e.pageX;
    mouseY = e.pageY;
}).mouseover(); // call the handler immediately

// do something with mouseX and mouseY

Ich habe diese Methode verwendet:

$(document).mousemove(function(e) {
    window.x = e.pageX;
    window.y = e.pageY;
});

function show_popup(str) {
    $("#popup_content").html(str);
    $("#popup").fadeIn("fast");
    $("#popup").css("top", y);
    $("#popup").css("left", x);
}

Auf diese Weise habe ich immer den Abstand von oben in y und den Abstand von links in x gespeichert.

Darüber hinaus werden mousemoveEreignisse nicht ausgelöst, wenn Sie Drag & Drop über ein Browserfenster ausführen. Um die Mauskoordinaten während des Drag'n'Drop zu verfolgen, sollten Sie den Handler für das document.ondragoverEreignis anhängen und die Eigenschaft originalEvent verwenden.

Beispiel:

var globalDragOver = function (e)
{
    var original = e.originalEvent;
    if (original)
    {
        window.x = original.pageX;
        window.y = original.pageY;
    }
}

Verwendung window.event- es enthält letzte eventund wie jeder evententhält pageX, pageYusw. Arbeiten für Chrome, Safari, IE , aber nicht FF.

var CurrentMouseXPostion;
var CurrentMouseYPostion;

$(document).mousemove(function(event) {
    CurrentMouseXPostion = event.pageX;
    CurrentMouseYPostion = event.pageY;
});

Erstellen Sie einen eventListener für das Hauptobjekt, in meinem Fall das Dokumentobjekt, um die Mauskoordinaten für jeden Frame abzurufen und in globalen Variablen zu speichern. Auf diese Weise können Sie Maus-Y & Z lesen, wann immer Sie möchten, wo immer Sie möchten.

Ich bin darauf gestoßen, aber es wäre schön zu teilen ...

Was denkt ihr?

$(document).ready(function() {
  window.mousemove = function(e) {
    p = $(e).position();  //remember $(e) - could be any html tag also.. 
    left = e.left;        //retrieving the left position of the div... 
    top = e.top;          //get the top position of the div... 
  }
});

und boom, da haben wir es ..