Имитировать зажатие на кнопке?

Question

[viktorulyushev]

Как имитировать зажатие на кнопке,чтобы браузер думал что кнопка именно зажата,например когда удерживается и перетаскивается ползунок на диапазоне что это за событие?.И как убрать нажатие?

Answer 1

[Денис Инешин]

Событие `click` - это на самом деле последовательность из 2 событий: mousedown, а затем mouseup (или touchstart, touchend. Pointerdown -> pointerup).

Т.е. достаточно просто слушать вот эти составные события чтобы реализовать зажатость кнопки мыши.

let pressed = false;

item.addEventListener("pointerdown", function () {
    pressed = true; // регистрируем нажатие
});

document.addEventListener("pointerup", function () {
    pressed = false; // убираем нажатие
});

Comments

[viktorulyushev]

Спасибо за разъяснение.Хотел бы у вас спросить,я так понял вы один из разработчиков ion range slider?У нас в проекте используется range slider https://github.com/danielcrisp/angular-rangeslider ,но он не поддерживает клики для изменения диапазона,только перетаскивания,вот для этого этот вопрос и задавал,нужно сделать изменение диапазона по клику,думаю сделать так,по клику на диапазон перетаскивать ползунок в ручную в эту область через зажатие,как думаете?Не знакомы с этим слайдером,может есть какие то мысли?Ваш слайдер хотел использовать,но слишком все жестко подвязано на rangeslider

[Денис Инешин]

Я единственный разработчик ion.rangeSlider :)
В вашем случае основа - noUiSlider, с которым я знаком лишь поверхностно. Лучше задать вопрос авторам на их github.

[viktorulyushev]

Денис Инешин, А как задать вопрос авторам на гите?Не нашел ничего

[Дмитрий]

viktorulyushev, попробуйте задать вопрос в "issues"