javascript之拖放事件

原载于:转www.载for网站制作学习asp必.cn究

在面中实现拖放效果,首先要了解拖放效果触发事件,了解后才能作出像雅虎首页,百度个人首页,网易博客等那样的拖放个性首页.
我们逐步来了解拖放事件. 查看效果
1.拖动某个对象时的事件.么有将对象放到有效的对象上面时.
(1)当在拖放对象上点击按钮,并开始移动鼠标时,在拖动对象上触发dragstart事件,默认情况下这个事件是在图像或者被选中的文本上.--原载于:学习www.网for站asp制.cn作
(2)当拖动时鼠标形状变成不能放置符号(圈圈中有条线).如下图
(3)当鼠标一直拖着不放时一直触发drag事件,类似于mouseover事件,当拖动停止时,触发dragend事件.--原载于:学习www.网for站asp制.cn作
触发顺序.
dragstart
drag
...
dragend
2.拖动某个对象到可以放置对象上,然后放下到对象上,触发事件:
(1)当在拖放对象上点击按钮,并开始移动鼠标时,在拖动对象上触发dragstart事件,默认情况下这个事件是在图像或者被选中的文本上.
(2)当拖动时鼠标形状变成不能放置符号(圈圈中有条线).如下图
(3)当鼠标一直拖着不放时一直触发drag事件,类似于mouseover事件,当拖动停止时,触发dragend事件.
(4)当鼠标一直拖到可以放置对象的对象a(假设为a,比如text)上面的时候,触发dragenter事件,发生后立即触发dragover事件,如果在可以放置的对象上面则一直触发dragover事件
(5)如果不放到对象a上面只是在上面经过,然后离开时触发dragleave事件
(6)如果再次回来打算放置到对象a上面,再次触发dragenter事件
(7)如果放下该对象到a对象上面则触发drog事件==原载于:学习www.网for站asp制.cn作
(8)最后触发dragend事件
触发顺序
dragstart
drag..
dragenter
dragover
dragleave
drag
dragenter
drag
dragend.

以上就是常见的鼠标拖放事件