如何拖动一个div（各种元素都类似）

如何拖动一个元素
思路如下：

• 鼠标在元素范围里按下：进入拖动状态
• 鼠标抬起：取消拖动状态
• 鼠标在拖动状态下移动时：利用transform对元素进行移动
• 每次移动的位移 = 这次鼠标位置-上次鼠标位置e.clientX - lastX; e.clientY - lastY
• 每次移动完都记录一下上次的位置translateX,translateY

效果：

话不多说，简单实现如下：
html 和 css很简单：

<div id="my-div"></div>

#my-div{
   
    width: 100px;
    height: 100px;
    background