从svg> rect元素取消绑定工具提示

Question

In the contributions calendar heatmap at https://github.com/ben174?tab=contributions&from=2015-01-27 - I can't seem to figure out how to unbind the tooltip mouseover.

It's like it's showing up without any event bindings, but I can't figure out how that's possible.

Some things I've tried:

$("svg rect").unbind("mouseover")
$("svg").unbind("mouseover")

Answer 1

If you look at the parent <div> to the <svg> ,

<div class="js-calendar-graph ...etc...">

there are mouseover and mouseout events attached to that. Disabling that mouseover stopped the tooltips appearing for me.

Answer 2

After poking around at the DOM for several hours. It's not easy to unbind an anonymous function, which is what they had done. You need to find the event listener, then remove it. This is what ended up working, thanks for the help everyone:

getEventListeners(document.querySelectorAll("div.js-calendar-graph")[0]).mouseover[0].remove()