DragEvent
DragEvent
接口是一个 DOM 事件,表示拖放交互。用户通过将指针设备(如鼠标)放置在触摸表面上,然后将指针拖动到新位置(如另一个 DOM 元素)来启动拖动。应用程序可以自由地以应用程序特定方式解释拖放交互。
此接口继承自 MouseEvent
和 Event
的属性。
实例属性
DragEvent.dataTransfer
只读-
在拖放交互期间传输的数据。
构造函数
虽然此接口具有构造函数,但无法从脚本创建有用的 DataTransfer 对象,因为 DataTransfer
对象具有由浏览器在拖放期间协调的处理和安全模型。
DragEvent()
-
创建合成且不可信的 DragEvent。
事件类型
drag
-
当元素或文本选择正在被拖动时,会触发此事件。
dragend
-
当拖动操作结束时(通过释放鼠标按钮或按 Esc 键),会触发此事件。
dragenter
-
当拖动的元素或文本选择进入有效的放置目标时,会触发此事件。
dragleave
-
当拖动的元素或文本选择离开有效的放置目标时,会触发此事件。
dragover
-
当元素或文本选择正在被拖动,并且鼠标指针位于有效的放置目标上时,会不断触发此事件(每 50 毫秒触发一次,当鼠标没有移动时,否则在 5 毫秒(慢速移动)和 1 毫秒(快速移动)之间更快地触发。此触发模式不同于
mouseover
)。 dragstart
-
当用户开始拖动元素或文本选择时,会触发此事件。
drop
-
当元素或文本选择被放置在有效的放置目标上时,会触发此事件。
示例
每个属性、构造函数、事件类型和全局事件处理程序的示例都包含在其各自的参考页面中。
规范
规范 |
---|
HTML 标准 # the-dragevent-interface |
浏览器兼容性
BCD 表格仅在浏览器中加载