Holen Sie sich die Maus-Position bei Maus down?

Wie kann ich kontinuierlich Holen Sie sich die position der Maus, während die Taste niedergehalten wird?

Ich weiß, dass ich tun kann:

<element onclick="functionName(event)"></element>
<script>
function functionName(e){
e.pageX
e.pageY
//do stuff
}
</script>

und ich weiß, Sie können verwenden Sie das onmousedown-Ereignis, aber wie würde ich ständig bekommen die position, während die Taste noch gedrückt gehalten?

Seltsam ich konnte nicht finden, dass diese überall sah ich.

  • Was meinst du mit "durchgehend"? Versuchen onmouseover.
  • Wie die Maus bewegt wird, möchte ich zum aktualisieren der position ständig, aber ich will die Maus wird geklickt, nicht die Maus über das element..
InformationsquelleAutor maxhud | 2012-07-01
  1. 19

    Trotzdem, ich würde vorschlagen, mit mousemove Ereignis mit zu überprüfen, wenn which Ereignis Eigenschaft 1 (also die linke Maus-Taste gedrückt):

    $("element").on("mousemove", function(e) {
    if (e.which == 1) {
        console.log(e.pageX + " /" + e.pageY);
    }
});​

    DEMO: http://jsfiddle.net/HBZBQ/

    • e.which == 1 ist pure genius. Warum habe ich nicht denken!
    InformationsquelleAutor VisioN
  2. 6

    Hier ist ein JSFiddle für Sie. Sie müssen speichern, die den Zustand der Maustaste in eine variable.

    jQuery:

    $(document).ready(function() {
    $(document).mousedown(function() {
        $(this).data('mousedown', true);
    });
    $(document).mouseup(function() {
        $(this).data('mousedown', false);
    });

    $(document).mousemove(function(e) {
        if($(this).data('mousedown')) {
            $('body').text('X: ' + e.pageX + ', Y: ' + e.pageY);
        }
    });
});​

    Hier bin ich der Speicherung der Maus-Taste die up-oder down-Zustand in document mit $(document).data(). Ich hätte eine Globale variable, aber speichern Sie es auf diese Weise macht der code ein wenig sauberer.

    In Ihrem $.mousemove() Funktion, die nur das tun, was Sie wollen, wenn die Maustaste gedrückt ist. Im code oben, ich bin einfach zu drucken mit der Maus die position.

    • Schön! Im IE, die akzeptierten Antworten ändert die Werte onmouseover, ohne das mousedown-Ereignis. Dieser ist in Ordnung, die in jedem browser, den ich ausprobiert habe! Danke!
    InformationsquelleAutor Bojangles
Schreibe einen Kommentar