Event management and arrow function (v6)

d3 version 6 has made significant changes to event management. It is no longer possible to use arrow function like this:

selection.on("mouseenter", (d, i, nodes) => {
    d3.select(nodes[i]);
});

This technique was used to replicate this:

selection.on("mouseenter", function() {
    d3.select(this);
});

D3 6.0 migration guide made no mention of how to use arrow function for event management when this is required.

[t3db0t]

Ah—thank you. Now I’m seeing that currentTarget works for start, but NOT for drag, but toElement does work for drag. Are any of these documented somewhere?

[mbostock]

@t3db0t For custom events such as d3-drag you’ll need event.sourceEvent.currentTarget.