Call Function while holding down

Question

Good afternoon, I’m trying to do a function to perform an action while keeping an item from a list pressed pro x minutes, but I’m not finding a solution to this. Does anyone have any idea how I can do that?

Answer 1

You can do the following:

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

This 60000 in setTimeout is the amount in milliseconds you want it to stay pressed. In case I want him to press for 10 seconds it would be:

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>