Как отследить ЗАЖАТИЕ кнопки javascript?

Question

[Максим Бенец]

Сейчас пишу игру, нужно отследить зажал ли пользователь кнопку. onclick не помогает, он отслежывает только когда нажали на кнопку.

Comments

[Сергей Сергей]

onmousedown, onmouseup
изучать события браузера

[Максим Бенец]

Сергей Сергей, Всё равно не работает, то же самое что onclick. Есть ли другой способ?

[Сергей Сергей]

других способов нет.

[WbICHA]

Максим Бенец, может стоит для начала сделать что-то попроще?

Answer 1

[Radiks Alijevs]

Можно проверять нажатие кнопки мыши, задать промежуток времени, которое определяет, что пользователь удерживает кнопку, в примере 1 сек

const timeout = 1000;
let idTimeout;

window.addEventListener('mousedown', function() {
  idTimeout = setTimeout(function() {
      // Кнопка нажата более 1 секунды
  }, timeout);
});

window.addEventListener('mouseup', function() {
  clearTimeout(idTimeout);
});

Comments

[WbICHA]

mouseIsDown можно убрать.

[Radiks Alijevs]

WbICHA, Когда выполняется setTimeout событие mousedown может быть или не быть. С помощью переменной мы точно знаем, выполняется в данный момент mousedown или нет.

[WbICHA]

Radiks Alijevs, то есть ты хочешь сказать, mouseIsDown может быть фолс во время вызова калбека таймаута?

[Radiks Alijevs]

Да, ты прав, там же clearTimeout. Исправил

Answer 2

[Фёдор]

В своё время решал подобную задачу. Попробуйте решить через флаг и условие, выполняйте действие. Когда действие выполнено, меняете flag = true;

let flag = false;
    if(args) {
       //Ваш код

flag = true; 
}

upd: К тому, что написал я, примите к сведению ту информацию, на которую указал Сергей Сергей. В целом, это должно решить вашу задачу.

upd: Когда использовать click /mousedown для доп.информации почитайте.