0

Boa tarde, Estou tentando fazer uma função para executar uma ação ao manter um item de um lista pressionado pro x minutos, mas não estou achando uma solução para isso. Alguém tem ideia de como posso fazer isso?

2
  • O que já tentou? Mostre o código. 8/05/2019 às 16:33
  • Qual é a versão do jquery? 8/05/2019 às 16:35

1 Resposta 1

3

Você pode fazer o seguinte:

$( "#target" ).on({
    mousedown: function() {
        $(this).data('timer', setTimeout(function() {
              foo();
        }, 60000));
    },
    mouseup: function() {
        clearTimeout( $(this).data('timer') );
    }
});

Esse 60000 no setTimeout é a quantidade em milisegundos que você quer que ele fique pressionado. No caso se eu quiser que ele pressione por 10 segundos seria:

10 x 1000 = 10000

$( "#target" ).on({
    mousedown: function() {
        $(this).data('timer', setTimeout(function() {
              foo();
        }, 2000));
    },
    mouseup: function() {
        clearTimeout( $(this).data('timer') );
    }
});


function foo() {
    alert('Yaay !')
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="target">Segure por 2 segundos</button>

7
  • 1
    Sabia que é possível adicionar os códigos HTML, CSS e JS para serem executados na própria resposta? Veja como nessa imagem. 8/05/2019 às 16:51
  • Vou dar uma olhada, obrigado pela informação :) 8/05/2019 às 16:54
  • 1
    Muito obrigado Vinicius, era isso q eu precisava. 8/05/2019 às 17:26
  • +1 pela edição com código executável na resposta. 8/05/2019 às 18:08
  • Veja o cálculo (10 x 100 = 10000) está errado. 8/05/2019 às 18:10

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .