网页中怎么实现拖拽

发布网友发布时间：2022-05-05 08:28

共3个回答

热心网友时间：2023-07-17 19:10

我只告诉你原理代码自己写或者找下吧

页面上一个DIV display:absolute; 让他浮动起来

然后给此DIV一个鼠标按下事件 mousedown 当按下的时候在给document文档一个鼠标移动事件

mousemove 当移动的时候获取鼠标当前的坐标值然后赋给DIV的TOP和LEFT 他就移动了

在给document一个鼠标抬起事件 mouseup 当弹起的时候把 document 的移动和抬起事件都取消了

至此就完成了一套拖拽动作

不过中间你还需要优化操作

比如按下的位置相对于DIV边框的距离这样才可以点击哪里哪里就跟这移动而不是只是左上角跟这移动。。。

热心网友时间：2023-07-17 19:10

可以拖拽的板块才可以实现拖拽。

热心网友时间：2023-07-17 19:11

代码拖拽？