jQuery滑块“更改”事件：如何确定谁调用它？

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

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

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

 $("#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 } } }); 

看小提琴 。