Come faccio ad attivare un clic quando si passa sopra un elemento per 2 secondi, usando JQuery?

Question

Come attivare questa funzione in linea

onClick="showMenu('mnu_searches', event, 0, this)

utilizzando JQuery ... se si passa il mouse su a.menu-arrow? Devo attivare un clic dopo che l'utente ha passato il mouse sopra l'elemento per 2 secondi?

Qualsiasi aiuto sarebbe molto apprezzato, grazie

Answer 1

è possibile creare e cancellare un secondo timer 2, in questo modo:

$("a.menu-arrow").hover(function() { 
    $.data(this, "timer", setTimeout($.proxy(function() { 
    $(this).click(); 
    }, this), 2000)); 
}, function() { 
    clearTimeout($.data(this, "timer")); 
}); 

You can give it a try here. Utilizzando $.data() stiamo memorizzando un timeout per elemento per evitare problemi e cancellare il timer corretto. Il resto è solo l'impostazione di un timer di 2 secondi quando si entra nell'elemento e lo si cancella quando si esce. Quindi se rimani per 2000ms, spara un .click(), se lo lasci smette di azzerare il timer.

Answer 2

usare il plugin hoverIntent o doTimeout (po 'più pesante)

Answer 3

Dovresti essere in grado di attivare il gestore di clic dopo due secondi. Suggerisco il seguente codice:

$(function() { 
    var timeout; 

    $('a.menu-arrow').hover(function() { 
     var self = this; 
     timeout = setTimeout(function() { 
      $(self).click(); 
      timeout = null; 
     }); 
    }, function() { 
     if (timeout) { 
      clearTimeout(timeout); 
     } 
    }); 
});