拖拽原理
在网页上实现拖拽分三步:
1.当鼠标按下的时候,触发onmousedown
事件,计算出当前鼠标位置距离拖拽目标的左边和上边距离
2.鼠标移动的时候,触发onmousemove
事件,计算鼠标移动的距离,然后把距离赋值给拖拽目标,实现拖拽
3.鼠标抬起的时候,触发onmouseup
事件,注销onmousemove
和onmouseup
下面是实现的代码:
发现用jsFiddle运行不能拖拽...也是够了。。
在网页上实现拖拽分三步:
1.当鼠标按下的时候,触发onmousedown
事件,计算出当前鼠标位置距离拖拽目标的左边和上边距离
2.鼠标移动的时候,触发onmousemove
事件,计算鼠标移动的距离,然后把距离赋值给拖拽目标,实现拖拽
3.鼠标抬起的时候,触发onmouseup
事件,注销onmousemove
和onmouseup
下面是实现的代码:
发现用jsFiddle运行不能拖拽...也是够了。。