Question

我在视频文件上有两组范围滑块，需要进行一些微调。

单击并拖动滑块将调整设置。但是单击而不拖动不会更改设置，只会移动滑块。

我需要滑块调整设置，在范围内单击任意点。换句话说，如果范围当前设置为最右边，而我单击最左边，则希望它更改设置。

我对其进行了测试，发现带有注释的行似乎没有激活 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))
);

您可以在以下位置找到我的所有代码：My Github Repo

Mousedown不会更改范围滑块上的属性和运行功能

0 个答案: