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

View in English Always switch to English

DragEvent

基线
广泛可用

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

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

此接口继承 MouseEvent 和 Event 的属性。

Event UIEvent MouseEvent DragEvent

实例属性

DragEvent.dataTransfer 只读

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

构造函数

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

DragEvent()

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

事件类型

drag

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

dragend

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

dragenter

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

dragleave

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

dragover

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

dragstart

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

drop

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

示例

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

规范

规范
HTML
# the-dragevent-interface

浏览器兼容性

参见