阅读背景:

点滴积累【JS】---JS小功能(onmousedown实现鼠标拖拽div移动)

来源:互联网 

效果:

思路:

利用onmousedown事件实现拖拽。首先获得鼠标横坐标点和纵坐标点到div的距离,然后当鼠标移动后再用可视区的距离减去横纵坐标与div的距离。然后在判断不让DIV移出可视区,然后再赋予DIV的位置。最后关闭鼠标onmouseup事件。利用onmousedown事件实现拖拽。首先获得鼠标横坐标点和纵




你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: