Как реализовать нажатие и удержание мыши на элемента определенное время?

Question

[Александр]

$('.buy-energy__purchase > .button--progress').mousedown();
setTimeout(function() {$('.buy-energy__purchase > .button--progress').mouseup();}, 300);

Такое не получается, есть что-то еще?

Comments

[Александр]

Нужно не реализовать действие после удержания, а само удержание. То есть я нажимаю на кнопку, тут же зажимается другая кнопка на определенное время.

Answer 1

[profesor08]

let timeout = null;

$elem.on("mousedown", function() {
  doAction(...);

  timeout  = setTimeOut(function() {
    undorAction(...);
  });
});

$elem.on("mouseup", function() {
  clearTimeout(timeout);
  undorAction(...);
});

Нажатие и запускает действие, по истечению таймера запускается отмена действия. При отпускании сразу отменяется действие и прерывается таймер.

Comments

[Александр]

Так, а что делают функции "doAction" и "undorAction"? Что прописывать им в условие?

[profesor08]

Я описал когда они вызываются, по коду это очевидно. Тебе достаточно заменить их на свой код.