The base swappable event for all Swappable events that Swappable
emits.
Interface | SwappableEvent |
Cancelable | false |
Cancel action | - |
type | swappable |
swappableEvent.dragEvent: DragEvent
Read-only property for the original drag event that triggered the swappable event.
SwappableStartEvent
gets triggered by Swappable
on drag start.
Specification | SwappableEvent |
Interface | SwappableStartEvent |
Cancelable | true |
Cancel action | Prevents drag start |
type | swappable:start |
SwappableSwapEvent
gets triggered by Swappable
before swapping with another draggable.
Specification | SwappableEvent |
Interface | SwappableSwapEvent |
Cancelable | true |
Cancel action | Prevents swapping |
type | swappable:swap |
swappableEvent.over: HTMLElement
Read-only property for the draggable element that you are over.
swappableEvent.overContainer: HTMLElement
Read-only property for the draggable container element that you are over.
SwappableSwappedEvent
gets triggered by Swappable
when sorted with another draggable.
Specification | SwappableEvent |
Interface | SwappableSwappedEvent |
Cancelable | false |
Cancel action | - |
type | swappable:swapped |
swappableEvent.swappedElement: HTMLElement
Read-only property for the draggable element you swapped with.
SwappableStopEvent
gets triggered by Swappable
on drag stop.
Specification | SwappableEvent |
Interface | SwappableStopEvent |
Cancelable | false |
Cancel action | - |
type | swappable:stop |