Mousedown не изменит свойства и не запустит функцию на ползунках диапазона - PullRequest
Новая
       11

Mousedown не изменит свойства и не запустит функцию на ползунках диапазона

0 голосов
/ 27 февраля 2019

У меня есть два набора ползунков диапазона в видеофайле, которые нуждаются в тонкой настройке.

Нажатие и перетаскивание ползунка изменят настройки.Но щелчок без перетаскивания не изменит настройки, он будет только перемещать ползунок.

Мне нужен ползунок для настройки параметров , когда щелкает любая точка в пределах диапазона .В словах, если диапазон в настоящее время установлен в крайнем правом положении, и я нажимаю крайний левый, я бы хотел, чтобы он изменил настройки.

Я протестировал его и заметил, что строка с комментарием неКажется, активировать функцию handleRangeUpdate . 

const ranges = player.querySelectorAll(".player__slider");
let isDragging = false;

function handleRangeUpdate() {
  if (!isDragging) return;
  console.log(`${this.name}: ${this.value}`);
  video[this.name] = this.value;
}

ranges.forEach(range => range.addEventListener("mousemove", handleRangeUpdate));
ranges.forEach(range =>
  range.addEventListener("mousedown", () => {
    isDragging = true;
    handleRangeUpdate; // This doesn't seem to function
  })
);
ranges.forEach(range =>
  range.addEventListener("mouseup", () => (isDragging = false))
);

Вы можете найти весь мой код на: Мой репозиторий Github

...