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)

当在有效放置目标上放置元素或选择文本时触发此事件。

全局事件处理

示例

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

规范

Specification
HTML Standard
# the-dragevent-interface

浏览器兼容性

BCD tables only load in the browser