js可拖动的div

2025-04-10 05:26:10

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

js可拖动的div

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

js可拖动的div

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

js可拖动的div

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

js可拖动的div

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

js可拖动的div

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

js可拖动的div
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢