jQuery erkennen, wie viele Sekunden eine Maus bleibt über element
gibt es eine Möglichkeit zu ermitteln, wie viele Sekunden der Mauszeiger bleibt auf ein html-element?
Möchte ich abrufen, wie viele Sekunden eine Maus bleibt über element um ein wenig Verzögerung auf eine callback-Ereignis... wenn möglich ist 🙂
ich versuche mit einer einfachen for () - Zyklus erkennen, indem Sie einen Zähler :
var time_over ;
$('.bean-active').live('mouseover',function(){
id_tag = $(this).attr("id");
for(time_over = 1;time_over <= 3000;time_over ++){
if(time_over == 3000){
$('.bean-bubble,.bean-bubble img').hide();
$('#bean-bubble-'+id_tag+',#bean-bubble-'+id_tag+' img').show();
}
}
});
das problem ist, dass es nicht funktioniert 🙁
ich würde auch gerne zum binden eines mouseleave-Ereignis, Skript-Logik sollte sein:
while ( mouseover element count how many time it stays over)
if (time == n)
{ do somenthing }
if (mouseleave from element earlier then time)
{ do somenthing different }
- Versuchen Hover-Vorsatz (google es)
- mit diesem jetzt 🙂 aber scheint timeout funktioniert nicht für mich 😛
- $('.bean-active').live('mouseover',function(){ $(this).hoverIntent({ über: Funktion(){ id_tag = $(this).attr("id"); $(this).fadeTo(100,0.5).fadeTo(200,1); $('.bean-Blase.bean-bubble-img').hide(); $('#bean-bubble-'+id_tag+',#bean-bubble-'+id_tag+' img').show(); }, timeout:900, aus: function(){ return false; } }); $(this).trigger('mouseover'); });
- Siehe meine aktualisierte Antwort.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sollten Sie in der Lage zu nutzen, die
hover()
Funktion zu erfassen, wenn die Maus über einem bestimmten element und reagieren dann wie gewünscht, wenn die Maus entfernt ist das Objekt.Angesichts dieser markup:
Etwas wie dieses plugin sollte den trick tun:
und der aufrufende code:
Live-Beispiel: http://jsfiddle.net/nrUqS/
Für Ihre Anforderung, so etwas sollte ausreichen:
Dieser code berechnet die Zeit in Millisekunden, die Sie bewegen Sie den Mauszeiger über ein element mit der Maus:
Habe ich verwendet C. Spencer Beggs Antwort als Vorlage, da seine eines hat bei mir nicht funktioniert. Ich habe einfache Variablen, enthalten viel von der Konsole.log-Nachrichten und korrigiert '==' code '='. In diesem Beispiel wird 3 Sekunden warten der hover über einem link' Aktion stattfinden, bevor Sie handeln. HTH jemand.