DragEvent

DragEvent 接口是一个 DOM 事件,表示拖放交互。用户通过将指针设备(如鼠标)放置在触摸表面上,然后将指针拖动到新位置(如另一个 DOM 元素)来启动拖动。应用程序可以自由地以应用程序特定方式解释拖放交互。

此接口继承自 MouseEventEvent 的属性。

Event UIEvent MouseEvent DragEvent

实例属性

DragEvent.dataTransfer 只读

在拖放交互期间传输的数据。

构造函数

虽然此接口具有构造函数,但无法从脚本创建有用的 DataTransfer 对象,因为 DataTransfer 对象具有由浏览器在拖放期间协调的处理和安全模型。

DragEvent()

创建合成且不可信的 DragEvent。

事件类型

drag

当元素或文本选择正在被拖动时,会触发此事件。

dragend

当拖动操作结束时(通过释放鼠标按钮或按 Esc 键),会触发此事件。

dragenter

当拖动的元素或文本选择进入有效的放置目标时,会触发此事件。

dragleave

当拖动的元素或文本选择离开有效的放置目标时,会触发此事件。

dragover

当元素或文本选择正在被拖动,并且鼠标指针位于有效的放置目标上时,会不断触发此事件(每 50 毫秒触发一次,当鼠标没有移动时,否则在 5 毫秒(慢速移动)和 1 毫秒(快速移动)之间更快地触发。此触发模式不同于 mouseover)。

dragstart

当用户开始拖动元素或文本选择时,会触发此事件。

drop

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

示例

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

规范

规范
HTML 标准
# the-dragevent-interface

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅