如何限制可拖动SVG形状的范围？

Question

我有一个我一直在努力的SVG滑块...请see it on jsFiddle here 我想限制滑块的范围。

我的JS最初是在this picker上找到的（感谢@Phrogz），然后我戳了戳并对它进行了刺激，直到我能够将其剥离到当前状态。
滑块工作得很好，但我可以在添加限制时使用一些指导。

例如，我想将 slider_1 （左侧的滑块）限制在蓝色矩形前面的区域。
JS对我来说仍然很不自然，所以我很感激任何反馈。

由于-A-一堆。

Answer 1

尝试将类似内容投入到move函数中：

var limitLower = 0;
var limitUpper = 20;
if ( x < limitLower || x > limitUpper ) {
    return;
}

以下是为slider1插入上述代码的小提琴：http://jsfiddle.net/ucnyz/4/