IE中的拖放实例

本文详细介绍了IE中的拖放功能,包括系统拖放和模拟拖放。系统拖放部分涉及拖放事件,如被拖放项和放置目标事件,以及dataTransfer对象的使用,如setData()和getData()方法,以及dropEffect和effectAllowed属性的设置。模拟拖放部分则讨论了如何在没有系统支持的情况下实现拖放功能。
摘要由CSDN通过智能技术生成
拖放首先是由IE4.0引入的,一开始只有IE支持此功能。但现在已经作为HTML5的标准的一部分。

有2种行为可以实现拖放: 系统拖放和模拟拖放,其中以前只有IE实现了系统拖放
系统拖放的优点:可以实现浏览器和桌面、浏览器和浏览器、窗口之间、框架页之间的移动;
拖放一开始只支持图像和文本拖放,后来进行了扩展,现在几乎所有元素都可被拖放了。

(一)系统拖放

1.拖放事件

拖放事件分为2种:在被拖放项的事件和在放置目标上的事件
1)被拖放项事件
某个项被触发时的事件触发顺序:dragstart;  drag;  dragend
 dragstart: 当按下鼠标按钮,开始移动鼠标时,开始触发此事件
 drag: 只要对象还在被拖得,此事件就会一直触发,类似mousemove
 dragend:在拖放停止时(在有效或无效的放置对象上放下该项),则触发此事件
2)放置目标事件
当被拖放项拖到有效的放置目标上后触发顺序:dragenter; dragover; dragleave/drop
dragenter: 当被拖放项刚进入放置目标时触发,类似mouseover
dragover:当被拖放项在目标边界内将一直触发,当被拖放项被拖出目标后则停止触发
dragleave:当此目标不是被拖放项最终的放置目标,则在离开此目标时触发该事件,类似mouseout
drop: 当此目标正是被拖放项最终的放置目标,则触发此事件代替dragleave。

2种事件的触发顺序是:dragstart drag .
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值