Multiple clicks

Question

I have the following code snippet:

var Tannerie = {

    init : function(){

        $('#prev').mouseover(Tannerie.prevClick);

        $('#next').mouseover(Tannerie.nextClick);

    },

    prevClick : function(){
        $(this).click();        
    },

    nextClick : function(){
        $(this).click();
    }   

}

$(Tannerie.init);

That is, when I pass the mouse by a certain div it simulates a click. But I wanted to make sure that, by leaving the mouse on the div, that it keeps giving continuous clicks. I tried to use setInterval but it didn’t work, but I guess I didn’t do it right.

Answer 1

You can use the event/function .hover() together with the setInterval:

// Cria uma variável para armazenar a referência ao intervalo:
var intervalo;

$('seletor').hover(function () {
  // Caso o mouse entre no elemento começar a clicar:
  intervalo = setInterval(function () {
    $('seletor').click();
  }, 150); // o número é o tempo em milisegundos entre cada clique
}, function () {
  // Caso o mouse saia do elemento parar de clicar:
  clearInterval(intervalo);
});

Substitute seletor with what you are using. I recommend placing the element in a variable (cached) so that the functions are executed with better performance.

I left it more generic if you want to organize the code as you want, like placing the element, interval and time between clicks as properties of the object Tannerie.

Answer 2

while($('#elem').is(":hover")){
    $('#elem').trigger('click');
}

I didn’t test it, but it should work =)

I took from here, for any doubt.