Webanizr Logo
Open / sluit menu
Module dragAndDrop

Last change: September 30, 2019

Current version: 1.1.1

The dragAndDrop module helps to re-order specified items in a list by dragging and dropping. Dragged item is only droppable on top or bottom of an item in the same list.


webanizr.collect('dragAndDrop', parameters, callback);


The collect method of dragAndDrop accepts the following three parameters.

selector_listitems (required)

Dom element selector of the list items. Uses querySelectorAll function via domEvents module.

style__ordering (optional)

Type of ordering style. It can be either beforedrop or afterdrop. afterdrop orders the items in the list after the dragging event is over. beforedrop orders the items in the list immediately while dragging an item.


The function to pass the data onto after the dragging event has concluded.




  • September 30, 2019: 1.1.1 - fixed some typescript errors