js可拖动的div

本经验介绍在js中可拖动的div

工具/原料

电脑

vscode

方法/步骤

1、首先写一个div和css样式，注意一定要有定位！

2、接着获取div，并在第一次按下时得到鼠标在div中的坐标

3、然后在鼠标移动时，将鼠标移动的距离赋值给div的left和top值

4、最后当松开鼠标时就删除鼠标移动时的事件

5、打开浏览器用鼠标拖动div查看效果

6、总结：鼠标按下时获取鼠标螅岔出礤在盒子内的坐标，移动鼠标的时候把移动的距离给div的值，最后松开鼠标删除移动时的事件