Javascript setTimeout-Funktion rufen Sie mit Ereignis-argument?

Was ist der beste Weg, um zu ziehen in das event-Objekt bei der Verwendung von setTimeout? Ich bin mit jQuery zu behandeln, normalisieren das event-Modell in allen Browsern, aber ich bin mir nicht sicher, wie man die 'e' - Objekt in der Funktion checkPos.

Mein Aktueller code:

function MouseDownEvent(e) {
    *snip*
    timeoutID = setTimeout(checkPos(e), 500);
}
function checkPos(e) {
    //function uses e on a timeout of 500ms
    timeoutID = setTimeout( checkPos(e) }, 500);
}

Derzeit, dass code, der einmal funktioniert hat, weil die Funktion aufgerufen wird im mousedown-Ereignis, aber nie updates der e-Objekt, wie der Benutzer die Maus bewegt. Die FF-javascript-Fehler-Konsole auch erklärt, dass es ein nutzlos setTimeout call (missing quotes around argument?)', aber diesem Rat Folgen, bewirkt, dass es komplett ausfallen.

Wie kann ich Sie in die 'e' - Ereignis-argument aus einer setTimeout-Aufruf?

Edit: Hinzugefügt in den code, der wiederholt den checkPos-Funktion, die alle 500 MS

  • Mit Ihrem code, bist du eigentlich aufrufen checkPos beim Aufruf setTimeout (aufgrund der Funktions-Aufruf-operator ()) und übergeben der Rückgabewert setTimeout; dieser Wert ist wahrscheinlich nicht eine Referenz auf eine Funktion, so setTimeout ausfällt.
InformationsquelleAutor C Bauer | 2010-11-30
  1. 7

    Erstens, warum sind Sie mit zwei timeouts? Es sieht für mich wie setInterval() wäre besser

    function MouseDownEvent(e) {
 *snip*
 clearInterval(intervalID);
 intervalID = setInterval(function(){checkPos(e);}, 500);
}

    Zweitens könnten Sie bitte klären Sie dies : "...aber nie updates der e-Objekt, wie der Benutzer die Maus bewegt." Warum sollte das event-Objekt werden aktualisiert, wenn der Benutzer die Maus bewegt? Sie haben nur ein mouseDown-handler zugewiesen. Wenn Sie das tun wollten etwas, das auf jede Maus bewegen, dann sollten Sie ein mouseMove-Ereignis, in diesem Fall die timeout-Intervall wäre unnötig sowieso.

    function MouseMoveEvent(e) {
 //called every time the mouse is moved, event object will contain position
}

    Wie immer in JavaScript sollten Sie sich für eine ereignisgesteuerte Lösung zuerst und verwenden Sie nur zeitlich Handler, wenn Sie absolut müssen.

    *Bearbeiten - Fragen op aufgewachsen in Kommentare *

    var handler = {
    i : 0,
    function : mouseMoveEvent(e) {
      handler.i++;
      if (handler.i % 100 == 0) {
        //Do expensive operations
      }
    }
}

$(myElement).bind("mousemove", handler.mouseMoveEvent);
    InformationsquelleAutor Ollie Edwards
  2. 10

    Versuchen:

    function MouseDownEvent(e) {
    *snip*
    timeoutID = setTimeout(function(){checkPos(e);}, 500);
}
function checkPos(e) {
    //function uses e on a timeout of 500ms
}

    BEARBEITEN wegen OP Kommentare..

    Haben Zugriff auf eine aktualisierte Ereignis jedes mal checkPos ausgelöst wird:

    var myNamespace = {};

$('body').mousemove(function(e) {
    myNamespace.mouseEvent = e; 
});

function checkPos() {
    doSomethingWith(myNamespace.mouseEvent);
}

timerID = setInterval(checkPos, 500);
    • Sorry, wieder aus auf diese Antwort, aber wenn ich wieder lief dieser code setzen checkPos(e); in nicht zu sich bringen in die aktualisierte e-Ereignis nach jedem timeout.
    • Es funktioniert nicht mit den bearbeiteten code. Diese Methode bildet eine 'Schließung' gegenüber e. Für den Zugriff auf eine aktualisierte Fall müssen Sie das Ereignis speichern irgendwo zugänglich ist, um die checkPos - Funktion (externe), und aktualisieren Sie die gespeicherte Ereignis in der MouseDownEvent Funktion.
    • Es gibt keine Möglichkeit zu nennen, dem event-Objekt in javascript oder jQuery, so dass ich ziehen kann, in der aktuellen Maus-position basierend auf das timeout?
    • Bauer: bearbeitet. Ich weiß nicht, eine "bessere" Weg.
    • Bauer vielleicht würde es helfen, wenn Sie erklärt, warum Sie benötigen, um ein timeout. Javascript hat ein MouseMove-Ereignis für die Abfrage der Maus-position, so dass ich nicht sehen, warum würden Sie wollen, zu einem timeout. Siehe meine Antwort für mehr.
    • guter Punkt.
    • Der Ausschnitt enthält eine Schleife und anderen code, der zu einem Engpass werden, wenn zu gebunden, zu sagen, das mousemove-Ereignis, aber es braucht, um das Feuer regelmäßig.
    • Bauer: Sie könnten binden Sie in die mouse-move-Ereignis zu aktualisieren myNamespace.mousePos oder somesuch, und dann haben Sie Ihre Funktion, die aufgerufen wird, die auf einem timer...besser setInterval zu.
    • Bauer in diesem Fall würde ich erstellen Sie eine wrapper-Objekt enthält einen Zähler und meine event-Handler. Jedes mal, wenn der event-handler ausgeführt wird, erhöht sich der Zähler und laufen nur Ihre teuren code sagen alle 100 Iterationen oder was auch immer für Sie arbeitet. Dies ist effizienter, um Sie dann mit dem Intervall wie es wird nicht ausgelöst, wenn die Maus bewegt wird. Ich füge dieses Beispiel auf meine Antwort.

    InformationsquelleAutor sje397
  3. 1

    Könnte man eine curry-Funktion, es ist eine für jQuery hier.

    In der Regel, müssten Sie diese:

    function foo(a, b)
{
    alert(a + b);
}

var bar = curry(foo, 1);

bar(2); //alerts 3, as if you had called foo(1, 2)

    damit Sie tun könnten:

    setTimeout(curry(checkPos, e), 500);

    Da curry gibt eine Funktion mit der es erste argument gebunden e, übergeben Sie es direkt in setTimeout.

    InformationsquelleAutor Douglas
  4. 1

    Soweit ich sehen konnte, IE wird nicht zulassen, dass durch die "event" - Objekt um, wie Sie benötigen.

    Die einzige Lösung die mir einfällt, ist die Speicherung, was auch immer Wert müssen Sie im Voraus als Globale variable dann prüfen, ob die variable in der verzögerten Funktion.

    Beispiel: http://jsfiddle.net/YvYtn/1/

    Wird dies zeigen die letzten X-position, die Sie speichern können, was Sie brauchen aus dem event-Objekt.

    Den JS code:

    var _lastPosX= null;
function MouseDownEvent(evt) {
    if (typeof evt == "undefined" || !evt)
        evt = window.event;
    _lastPosX = (evt.clientX || evt.pageX);
    timeoutID = window.setTimeout("checkPos();", 500);
}
function checkPos() {
    alert(_lastPosX);
}
    InformationsquelleAutor Shadow Wizard
Schreibe einen Kommentar