I know that in jQuery if we use .remove()
for removing some element, then all bound events and jQuery data associated with the elements are removed. Is the same true for d3?
If the answer is yes, then if I bind events to nodes in an svg using .on()
and then remove the svg using .remove()
, are all of the events for all of the nodes on the svg also unbound (i.e. are the events for the children of the svg removed)?
If the answer is no to either of the questions above, I'm assuming I would need to manually unbind elements using .on('eventType',null)
. I was attempting to write a general purpose function for something like this that would look like:
function unbindCommonEvents(elem){
var eventTypes = ['click','dblclick','mousedown','mouseup','mouseover','mousemove','mouseout','dragstart','drag','dragenter','dragleave','dragover','drop','dragend','Keyboard','keypress','keyup','load','unload','abort','error','resize','scroll','select','change','submit','reset','focus','blur','focusin','focusout','zoom'];
for (var i = 0; i < eventTypes.length; i++) {
elem.on(eventTypes[i],null);
};
return false;
}
However, this seems cumbersome. There must be a more elegant solution, perhaps something similar to the solutions posted here?