How do I bind an event listener to Clear All button in the edit toolbar?

Question

Leaflet-draw allows users to create a draw control that comes with an edit and delete button for the layers.

For the delete button, there are three sub-buttons: Save, Cancel and Clear All. I want to bind my custom event to the Clear All button. I went through the documentation for Leaflet and could not find anything about binding events to draw controls buttons.

map.on('click:clearall', function () {
    //do something
})

Clear All is supposed to fire an event that allows me to delete dynamic elements associated with the created layers. Instead, the dynamic elements remained while the layers are deleted.

Answer 1

Maybe it will help

leaflet-draw delete button remove "clear all" action

https://github.com/alex3165/react-leaflet-draw/issues/40

https://github.com/Leaflet/Leaflet/issues/3238