DragEvent 是一个表示拖、放交互的一个DOM event 接口。用户通过将指针设备（例如鼠标）放置在触摸表面上并且然后将指针拖动到新位置（诸如另一个DOM元素）来发起拖动。 应用程序可以按应用程序特定的方式自由解释拖放交互。
这个接口继承 MouseEvent 和Event属性
属性
DragEvent.dataTransfer只读- 在拖放交互期间传输的数据。
构造函数
虽然这个接口有一个构造函数，但不可能从脚本创建一个有用的 DataTransfer 对象，因为在拖放期间，有一个由浏览器分配的一个处理中和安全模式的DataTransfer对象。
DragEvent()- 创建合成和不可信的 DragEvent.
事件类型
drag- 拖动元素或选择文本时触发此事件。
dragend- 当拖动操作结束时（释放鼠标按钮或按下退出键），会触发此事件。
dragenter- 当拖动的元素或选择文本输入有效的放置目标时，会触发此事件。
dragexit- 当元素不再是拖动操作的选择目标时触发此事件。
dragleave- 当拖动的元素或文本选择离开有效的放置目标时，会触发此事件。
dragover- 当将元素或文本选择拖动到有效放置目标（每几百毫秒）上时，会触发此事件。
dragstart- 当用户开始拖动元素或选择文本时触发此事件。
drop- 当在有效放置目标上放置元素或选择文本时触发此事件。
全局事件处理
GlobalEventHandlers.ondragdrag事件的全局事件处理。GlobalEventHandlers.ondragenddragend事件的全局事件处理。GlobalEventHandlers.ondragenterdragenter事件的全局事件处理。GlobalEventHandlers.ondragexitdragexit事件的全局事件处理。GlobalEventHandlers.ondragleavedragleave事件的全局事件处理。GlobalEventHandlers.ondragoverdragover事件的全局事件处理。GlobalEventHandlers.ondragstartdragstart事件的全局事件处理。GlobalEventHandlers.ondropdrop事件的全局事件处理。
示例
每个属性，构造函数，事件类型和全局事件处理程序的示例都包含在它们各自的参考页中。
规范
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard DragEvent |
Living Standard | |
| HTML 5.1 DragEvent |
Recommendation | Initial definition |
浏览器兼容性
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 4 | (Yes) | 3.5 (1.9.1) | 10 | 12 | 3.1 |
| Feature | Android | Android Webview | Chrome for Android | Edge | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|---|---|
| Basic support | 未实现 | 未实现 | 未实现 | (Yes) | 未实现 | 未实现 | 10 | 未实现 | 未实现 |
<embed height="0" id="xunlei_com_thunder_helper_plugin_d462f475-c18e-46be-bd10-327458d045bd" type="application/thunder_download_plugin" width="0"/>