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

前端之家收集整理的这篇文章主要介绍了jQuery滑块“更改”事件:如何确定谁调用它?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个滑块,在我的音乐播放器中用作时间线.最小值为0,最大值为歌曲长度(以秒为单位).每秒(我用计时器做),滑块移动,值设置为当前时间.此代码行看起来像这样:
$("#sliderTime").slider("option","value",document.sound.controls.currentPosition);

用户可以滑动/单击滑块并跳转到歌曲中的另一个点,这是通过触发“play(startPlayFromHere)”功能.它看起来像这样:

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

问题是计时器中的代码行和用户调用了滑块​​的相同“更改”事件,并且用户无法移动滑块.

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

我希望它足够清楚,
谢谢!

@H_403_15@

解决方法

您可以通过在更改处理程序中测试event.originalEvent来确定是手动还是以编程方式生成更改事件.
$('#slider').slider({
    change: function(event,ui) {
        if (event.originalEvent) {
            //manual change
            play(ui.value);
        }
        else {
            //programmatic change
        }
    }
});

fiddle.

@H_403_15@ @H_403_15@

猜你在找的jQuery相关文章