JS拖放？

我有用于HTML / CSS / JS拖放的代码，该代码适用于鼠标和触摸。当前，有一个大的黑匣子，您可以拖动圆圈。我要这样做，所以有两个框，您可以拖动两个框之间的圆圈。我已经研究了这个问题好几天了，但我只是不知道该怎么做。我如何才能使圆在两个框之间可拖动？提前致谢！ <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /...