Droppable

放置功能

Class

Config Attributes

Methods

Class Detail

class dd.Droppable
Droppable ( config )
Parameters:config (Object) – 配置项, 详细见下方 Config Attributes Detail .

Config Attributes Detail

Droppable.config.node

{String | HTMLElement} - 可与拖动对象交互的节点. .

Methods Detail

Droppable.destroy()
destroy ()
销毁可放对象实例, 清除绑定事件.

Events Detail

Droppable.dropenter()
dropenter ( ev )
当一个 Draggable 对象根据其 Draggable.mode 配置达到和当前 Droppable 实例交互条件时触发.
一般即鼠标进入当前 Droppable 对象代表节点的区域, 可简单理解成 mouseenter. 相当于 html5 dd API targetNode 的 dragenter 事件的概念.
Parameters:
  • ev.drag (Object) – 当前交互的 Draggable 对象.
  • ev.drop (Object) – 自身, 当前Droppable对象.
Droppable.dropover()
dropover ( ev )
当一个 Draggable 在当前 Droppable 实例上移动时触发, 可简单理解成 mouseover. 相当于 html5 dd API targetNode 的 dragover 事件的概念.
Parameters:
  • ev.drag (Object) – 当前交互的 Draggable 对象.
  • ev.drop (Object) – 自身, 当前Droppable对象.
Droppable.dropexit()
dropexit ( ev )
当一个 Draggable 离开当前 Droppable 实例时触发, 可简单理解成 mouseleave. 相当于 html5 dd API targetNode 的 dragleave 事件的概念.
Parameters:
  • ev.drag (Object) – 当前交互的 Draggable 对象.
  • ev.drop (Object) – 自身, 当前Droppable对象.
Droppable.drophit()
drophit ( ev )
当一个 Draggable 被放置在当前 Droppable 实例时触发. 相当于 html5 dd API targetNode 的 drop 事件的概念.
Parameters:
  • ev.drag (Object) – 当前交互的 Draggable 对象.
  • ev.drop (Object) – 自身, 当前Droppable对象.