jquery - jQuery 滑块“更改”事件：我如何确定是谁调用了它？

Question

我有一个滑块，用作音乐播放器中的时间线。最小值为 0，最大值为歌曲长度（以秒为单位）。每一秒（我用一个计时器来做这个），滑块移动并且值被设置为当前时间。此代码行如下所示：

$("#sliderTime").slider("option", "value", document.sound.controls.currentPosition);

用户可以滑动/单击滑块并跳转到歌曲中的另一个点，这是通过触发函数“play(startPlayFromHere)”来实现的。它看起来像这样：

$("#sliderTime").slider({
   ...
  change: function (event, ui) { play(ui.value) },
});

问题是计时器中的代码行和用户都在调用滑块的相同“更改”事件，并且用户无法移动滑块。

所以我的问题是如何确定用户是否调用了更改事件（这意味着它是计时器）？

我希望它足够清楚，谢谢！

Answer 1

event.originalEvent您可以通过在更改处理程序中进行测试来确定更改事件是手动发生还是以编程方式发生。

$('#slider').slider({
    change: function(event, ui) {
        if (event.originalEvent) {
            //manual change
            play(ui.value);
        }
        else {
            //programmatic change
        }
    }
});

见小提琴。