d3 zoom behaviour is overwriten by mousemove event
<p>I am implementing d3.js zoom behaviour on a svg, on the same svg I also need to capture mouse coordinate so I can set position of a tool tips that follow mouse cursor's position.</p>

<p>The problem is that my 'mousemove' event has override d3.js zoom behaviour.
With 'mousemove' event added, zoom behaviour stop working.</p>

<p>It is either I have 'mousemove' event or 'zoom' event, but not both. Any suggestion how to get around this? Thanks.</p>

<pre><code>    // bind zoom behavior
    selection_svg.call(
        d3.behavior.zoom()
        .translate([0, 0])
        .scale(1)
        .scaleExtent([1, 14])
        .on('zoom', ()=&gt;{ selection_plotArea.attr('transform', 'translate('+d3.event.translate+')scale('+d3.event.scale+')'); })
    );

    // tool tip coordinate
    const toolTipNode = selection_toolTip.node();
    toolTipNode.style.position = 'absolute';
    selection_svg.node().addEventListener('mousemove',function(evt){
        const coord_client = {
            x:evt.clientX,
            y:evt.clientY,
        }
        toolTipNode.style.left = `${coord_client.x}px`;
        toolTipNode.style.top = `${coord_client.y}px`;
    }, false);
</code></pre>

<p>I have added the code for this problem to fiddle:
<a href="https://jsfiddle.net/apollotang/rt9t1vdj/" rel="nofollow">https://jsfiddle.net/apollotang/rt9t1vdj/</a></p>