Javascript 可拖动的HTML元素

我希望用户能够通过鼠标拖动在另一个HTML元素中移动HTML元素。 （例如，将红色方块移到黄色方块内）

---

下面是一个示例，它使用了一个简单而流行的库，名为，不需要jQuery

window.onload=function（）{
var draggie=新的可拖动（'.draggable'{
遏制：对
});
};
.container{
背景颜色：黄色；
高度：100px；
宽度：100px；
}
.拖拉{
背景色：红色；
高度：10px；
宽度：10px；
}

在HTML5中有一些对拖放的支持，但我认为要得到您想要的，您必须在JavaScript框架中添加。我想到了jQueryUI（）中类似于Draggable的东西。可以吗？我将使用JS，尽管我希望代码相对简短。但是我不能使用jQuery。我找到了这个JSFIDLE链接。纯JS拖拉示例@波比克勒很酷。如果我在下面添加的答案解决了您的问题，请随意单击复选标记接受。如果它不能做到这一点，只要让我知道，我可以修改。