Zum deaktivieren der mouseover-Ereignis mit javascript/jquery?

In meinem code eine Funktion ausführen, wenn der Benutzer die "mouseover" über einem div-Tag für das erste mal und die Funktion nutzen wie 30 Sekunden abgeschlossen, während 30 Sekunden, wenn der Benutzer den Mauszeiger über den gleichen div-wieder , die Funktion ausgeführt, die wieder, so will ich deaktivieren mouseover-Ereignis zum zweiten mal. Gibt es irgendwelche javascript-oder jquery-code zu deaktivieren, die noch von div?
Vielen Dank , jede Hilfe ist herzlich willkommen.

  • ist, dass 30-Sekunden-Funktion asynchron?
  • Wow, wie haben 3 Leute diese Antwort ohne zu sehen, jeden code
  • Nein, es ist zumutbar, um eine Vermutung zu der Frage, ob Sie wissen, was Sie tun. Leider nur zwei von den vier scheinen zu wissen, was er tut...
InformationsquelleAutor Jasminder Pal Singh | 2012-07-02
  1. 3

    Können Sie einen Blick auf eine interessante Funktion von jquery ... .one() hier ist der link für es

    Beschreibung: bringen Sie einen handler für ein Ereignis für die Elemente. Der handler ausgeführt wird höchstens einmal pro element.

    2. Idee

    Kann ich Ihnen eine weitere Idee, angenommen, wenn Sie mit der Maus über ist aufgetreten, einmal, nur entbindet das mouseover-Ereignis wird vor Beginn Ihrer Tätigkeit und dann, sobald die Operationen vorbei sind, binden Sie Sie wieder zurück...

    • IMHO Sie nahm die falsche Antwort.
    • Das wird die beste Lösung sein laut Sie ?
    InformationsquelleAutor Sujit Agarwal
  2. 10

    Verwenden Sie die jQuery-on() und off() mit irgendeiner Art von Rückruf, zum Beispiel :

    $("#myElementID").on('mouseover', myFunction);

myFunction(e) {
    var myElement = e.target;
    myElement.off('mouseover', myFunction);
    //do something that takes 30 seconds
    myElement.animate({top: 1000}, 30000, function() { //callback
        myElement.on('mouseover', myFunction);
    });
}
    • +1 für die Antwort nur richtig zu zeigen, dass die Ereignisbehandlung muss erneut aktiviert werden bei Abschluss eines asynchronen callback
    InformationsquelleAutor adeneo
  3. 3
    var isExecuting = false;

function yourThirtySecFunction() {
  if (isExecuting == true) return;
  isExecuting = true;
  //do your stuff here

  isExecuting = false;
}
    • wird nicht funktionieren, wenn "Ihre Sachen" ist asynchron
    • isExecuting = false; gesetzt werden können, wenn die asynchronus Sachen endet, nicht notwendigerweise am Ende dieser Funktion.
    • ja, das ist richtig. Und der andere Punkt ist, dass wenn das Zeug _isn nicht _asynchronous dann der browser nicht zu reagieren sowieso nichts.
    InformationsquelleAutor nemo
Schreibe einen Kommentar