此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

DragEvent

基线
广泛可用

自 2020年9月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

DragEvent 接口是表示拖放交互的 DOM 事件。用户将指针设备(如鼠标)放在触摸表面上,然后将指针拖到新位置(如另一个 DOM 元素),从而开始拖拽。应用程序可以按自身特定的方式解释拖放交互。

此接口继承 MouseEventEvent 的属性。

Event UIEvent MouseEvent DragEvent

实例属性

DragEvent.dataTransfer 只读

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

构造函数

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

DragEvent()

创建合成的、不受信任的 DragEvent。

事件类型

drag

该事件在元素或选中的文本被拖拽时反复触发。触发频率取决于浏览器、操作系统和指针移动;不要依赖固定间隔。

dragend

该事件在拖拽操作结束时触发(松开鼠标按钮或按下 Esc 键)。

dragenter

该事件在被拖拽的元素或选中的文本进入有效放置目标时触发。

dragleave

该事件在被拖拽的元素或选中的文本离开有效放置目标时触发。

dragover

该事件在元素或选中的文本被拖过潜在放置目标时反复触发。触发频率取决于浏览器、操作系统和指针移动;不要依赖固定间隔。

dragstart

该事件在用户开始拖拽元素或选中的文本时触发。

drop

该事件在元素或选中的文本被放到有效放置目标上时触发。

示例

各属性、构造函数、事件类型和全局事件处理器的示例见各自的参考页。

规范

规范
HTML
# the-dragevent-interface

浏览器兼容性

参见