获取滑块的方向

Question

我正在使用 JQueryUI 并使用单条（“红色、黄色、绿色、青色、蓝色、洋红色”）制作一个“色调”颜色选择器。

问题是我想知道是否有一个特殊事件来确定用户当前是向左还是向右滑动，或者同时增加或减少值。

如您所见，在这种情况下，slidestart 事件是无用的：我知道的唯一方法是存储前一个变量并使用if，与current_value 和prev_value 进行比较。怎么样？

长话短说：

当滑块value为0时，红色为255。

当滑块value 为 255 时，黄色为值。 （直到这里没问题）

If 滑块 value 从 510 递减，然后是 red--;

If 滑块 value 从 255 递增，然后是 red++;

等等……

Answer 1

如 cmets 所述，开箱即用无法确定滑块的移动方式。 但是，如果您正在构建一个色调滑块，我不确定您为什么仍然需要它？

我自己刚刚创建了一个这样的滑块，它似乎可以正常工作。 请注意，这些计算被快速组合在一起，并且肯定可以更有效地编写，因为这只是一个测试。

HTML：

<input type="range" max="1530" min="0" style="width:100%" value="0" />
<br/><span/>

JS：

    $('input').change(function () {
        var v = $(this).val();
        var r = v < 255 || v > 255 * 5 ? 255 : (v < 255 * 2 ? 255 - (v - 255) : (v > 255 * 4 ? v - 255 * 4 : 0));
        var g = v < 255 ? v : (v < 255 * 3 ? 255 : (v < 255 * 4 ? 255 - (v - 255 * 3) : 0));
        var b = v < 255 * 2 ? 0 : (v < 255 * 3 ? (v - 255 * 2) : (v < 255 * 5 ? 255 : (v < 255 * 6 ? 255 - (v - 255 * 5) : 0)));

        $('span').text(r + ' ' + g + ' ' + b);
        $('body').css('background', 'rgb(' + r + ',' + g + ',' + b + ')');
    }).trigger('change');

演示：
http://jsfiddle.net/aUZ2L/