我的滑块在我的音乐播放器中用作时间线。最小值为0,最大值为歌曲长度(以秒为单位)。每秒(我用计时器做),滑块移动,值设置为当前时间。此代码行如下所示:
$("#sliderTime").slider("option", "value", document.sound.controls.currentPosition);
用户可以滑动/单击滑块并跳转到歌曲中的另一个点,这是通过触发功能' play(startPlayFromHere)'。它看起来像是:
$("#sliderTime").slider({
...
change: function (event, ui) { play(ui.value) },
});
问题是计时器中的代码行和用户都在调用相同的“更改”字样。滑块的事件,用户无法移动滑块。
所以我的问题是如何确定用户是否调用了更改事件(这意味着它是计时器)?
我希望它足够清楚, 谢谢!
答案 0 :(得分:23)
您可以通过在变更处理程序中测试event.originalEvent
来确定是手动还是以编程方式生成更改事件。
$('#slider').slider({
change: function(event, ui) {
if (event.originalEvent) {
//manual change
play(ui.value);
}
else {
//programmatic change
}
}
});
请参阅fiddle。