2015年5月

拖拽原理

在网页上实现拖拽分三步:

1.当鼠标按下的时候,触发onmousedown事件,计算出当前鼠标位置距离拖拽目标的左边和上边距离

2.鼠标移动的时候,触发onmousemove事件,计算鼠标移动的距离,然后把距离赋值给拖拽目标,实现拖拽

3.鼠标抬起的时候,触发onmouseup事件,注销onmousemoveonmouseup

下面是实现的代码:




发现用jsFiddle运行不能拖拽...也是够了。。

- 阅读剩余部分 -