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

我有一个SVG滑块，我一直在工作。。。请。
我想限制我的滑块的范围

我的JS一开始是在上找到的（多亏了@Phrogz），然后我戳了戳它，直到我能够将它剥离到当前状态。
滑块工作得很好，但我真的可以在添加限制时使用一些指导

例如，我希望将滑块1（左侧的滑块）限制在蓝色矩形前面的区域。
JS对我来说仍然很不自然，所以我非常感谢所有的反馈

---

非常感谢。

尝试将类似的内容放入您的

移动功能中：

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

var limitLower=0；
var上限=20；
if（xlimitUpper）{
返回；
}

下面是为slider1插入的上述代码：
很好的解决方案，但24100的限制与蓝色矩形更匹配。我不确定OP对蓝色矩形“前面”的含义。无论哪种方式，这都足以让他/她走上正轨。太好了。。。是的，24100场比赛更好，这绝对足以让我走上正轨：）多谢