Events

Nestable fires a number of custom events that you can listen for.

You can attach a number of custom event listeners using the on() method and pass the event name and a callback as the first two arguments:

const instance = new Nestable("#myList");

instance.on('XXXX', fn);

Event listeners can be detached by calling the off() method with the same arguments:

instance.off('XXXX', fn);

Both the on() and off() methods function the same as the native addEventListener and removeEventListener methods respectively.

This means that in order to remove a custom event listener from the instance, you must pass the same function expression to the off() method as you did to the on() method - declared / anonymous functions cannot be removed.

Incorrect

instance.on('stop', () => {
    counter.innerHTML = selected.length;
});

Correct

const updateDisplay = () => {
    counter.innerHTML = selected.length;
};

// attach the event listener
instance.on('stop', updateDisplay);

// detach the event listener
instance.off('stop', updateDisplay);

Event reference

Events Demo