拖拽:在div上按下鼠标,移动鼠标,移动过程中让div跟随鼠标移动
分析:
- 给div绑定鼠标按下事件 - 在按下的事件中继续绑定移动事件
- div移动:设置left和top - 给div设置定位
- left 和 top 的值是多少? 获取鼠标的位置 ,就是 left 和 top
- left 和 top =鼠标在浏览器中位置 减去 一开始鼠标是div上的位置
<style>
.box{
width: 100px;
height: 100px;
background-color: pink;
position: absolute;
left: 0;
top: 0;
}
</style>