The base sortable event for all Sortable events that Sortable
emits.
Interface | SortableEvent |
Cancelable | false |
Cancel action | - |
type | sortable |
sortableEvent.dragEvent: DragEvent
Read-only property for the original drag event that triggered the sortable event.
SortableStartEvent
gets triggered by Sortable
when on drag start.
Specification | SortableEvent |
Interface | SortableStartEvent |
Cancelable | true |
Cancel action | Prevents drag start |
type | sortable:start |
sortableEvent.startIndex: Number
Read-only property for the start index of the current draggable source.
sortableEvent.startContainer: HTMLElement
Read-only property for the start container of the current draggable source.
SortableSortEvent
gets triggered by Sortable
before sorting with another draggable.
Specification | SortableEvent |
Interface | SortableSortEvent |
Cancelable | true |
Cancel action | Prevents sorting |
type | sortable:sort |
sortableEvent.currentIndex: Number
Read-only property for the index of the current draggable source.
sortableEvent.over: HTMLElement
Read-only property for the draggable source you are hovering over.
sortableEvent.overContainer: HTMLElement
Read-only property for the container of the draggable source you are hovering over.
SortableSortedEvent
gets triggered by Sortable
when sorted with another draggable.
Specification | SortableEvent |
Interface | SortableSortedEvent |
Cancelable | false |
Cancel action | - |
type | sortable:sorted |
sortableEvent.oldIndex: Number
Read-only property for the old index of the current draggable source.
sortableEvent.newIndex: Number
Read-only property for the new index of the current draggable source.
sortableEvent.oldContainer: HTMLElement
Read-only property for the old container of the current draggable source.
sortableEvent.newContainer: HTMLElement
Read-only property for the new container of the current draggable source.
SortableStopEvent
gets triggered by Sortable
on drag stop.
Specification | SortableEvent |
Interface | SortableStopEvent |
Cancelable | false |
Cancel action | - |
type | sortable:stop |
sortableEvent.oldIndex: Number
Read-only property for the old index of the current draggable source.
sortableEvent.newIndex: Number
Read-only property for the new index of the current draggable source.
sortableEvent.oldContainer: HTMLElement
Read-only property for the old container of the current draggable source.
sortableEvent.newContainer: HTMLElement
Read-only property for the new container of the current draggable source.