DragEvent
>DragEvent 接口是表示拖放交互的 DOM 事件。用户将指针设备(如鼠标)放在触摸表面上,然后将指针拖到新位置(如另一个 DOM 元素),从而开始拖拽。应用程序可以按自身特定的方式解释拖放交互。
此接口继承 MouseEvent 和 Event 的属性。
实例属性
DragEvent.dataTransfer只读-
拖放交互期间传输的数据。
构造函数
虽然此接口有构造函数,但无法通过脚本创建有用的 DataTransfer 对象,因为 DataTransfer 对象的处理和安全模型由浏览器在拖放过程中协调。
DragEvent()-
创建合成的、不受信任的 DragEvent。
事件类型
drag-
该事件在元素或选中的文本被拖拽时反复触发。触发频率取决于浏览器、操作系统和指针移动;不要依赖固定间隔。
dragend-
该事件在拖拽操作结束时触发(松开鼠标按钮或按下 Esc 键)。
dragenter-
该事件在被拖拽的元素或选中的文本进入有效放置目标时触发。
dragleave-
该事件在被拖拽的元素或选中的文本离开有效放置目标时触发。
dragover-
该事件在元素或选中的文本被拖过潜在放置目标时反复触发。触发频率取决于浏览器、操作系统和指针移动;不要依赖固定间隔。
dragstart-
该事件在用户开始拖拽元素或选中的文本时触发。
drop-
该事件在元素或选中的文本被放到有效放置目标上时触发。
示例
各属性、构造函数、事件类型和全局事件处理器的示例见各自的参考页。
规范
| 规范 |
|---|
| HTML> # the-dragevent-interface> |