DragEvent

DragEvent 是一个表示拖、放交互的一个DOM event 接口。用户通过将指针设备(例如鼠标)放置在触摸表面上并且然后将指针拖动到新位置(诸如另一个DOM元素)来发起拖动。 应用程序可以按应用程序特定的方式自由解释拖放交互。

这个接口继承 MouseEventEvent属性

属性

DragEvent.dataTransfer 只读
在拖放交互期间传输的数据。

构造函数

虽然这个接口有一个构造函数,但不可能从脚本创建一个有用的 DataTransfer 对象,因为在拖放期间,有一个由浏览器分配的一个处理中和安全模式的DataTransfer对象。

DragEvent()
创建合成和不可信的 DragEvent.

事件类型

drag (en-US)
拖动元素或选择文本时触发此事件。
dragend (en-US)
当拖动操作结束时(释放鼠标按钮或按下退出键),会触发此事件。
dragenter (en-US)
当拖动的元素或选择文本输入有效的放置目标时,会触发此事件。
dragexit
当元素不再是拖动操作的选择目标时触发此事件。
dragleave (en-US)
当拖动的元素或文本选择离开有效的放置目标时,会触发此事件。
dragover (en-US)
当将元素或文本选择拖动到有效放置目标(每几百毫秒)上时,会触发此事件。
dragstart (en-US)
当用户开始拖动元素或选择文本时触发此事件。
drop (en-US)
当在有效放置目标上放置元素或选择文本时触发此事件。

全局事件处理

GlobalEventHandlers.ondrag
drag (en-US) 事件的全局事件处理
GlobalEventHandlers.ondragend (en-US)
dragend (en-US) 事件的全局事件处理
GlobalEventHandlers.ondragenter (en-US)
dragenter (en-US) 事件的全局事件处理
GlobalEventHandlers.ondragexit (en-US)
dragexit 事件的全局事件处理
GlobalEventHandlers.ondragleave
dragleave (en-US) 事件的全局事件处理
GlobalEventHandlers.ondragover (en-US)
dragover (en-US) 事件的全局事件处理
GlobalEventHandlers.ondragstart (en-US)
dragstart (en-US) 事件的全局事件处理
GlobalEventHandlers.ondrop
drop (en-US) 事件的全局事件处理

示例

每个属性,构造函数,事件类型和全局事件处理程序的示例都包含在它们各自的参考页中。

规范

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! (en-US)

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">