Javascript - 从当前位置移动框

Question

我不知道如何移动箱子back and forth。我可以从left to right，但如果我尝试，right to left它会发疯。在这里你有代码在这里你有一个活生生的例子

Answer 1

问题是box.style.transform.replace(/[^\d]/g, '').

它返回唯一的正数，例如：100px即使属性值为：translateX(-100px)。

解决方案是也得到负值。我需要做的就是更改regex statement.

解决方案：box.style.transform.replace(/[^-\d]/g, '')。

解释：替换所有不是-或的字符number / digit。

代码和实时示例已更新。