javascript - 任何减少鼠标悬停区域的选项

Question

我正在研究 d3。我面临的问题是，每当我将鼠标指针放在图表内时，它会立即显示悬停细节。但问题是，只有当鼠标指针正好位于数据点或图形点上方时，我才需要显示悬停细节。我正在处理的图表是 http://code.shutterstock.com/rickshaw/examples/lines.html .任何帮助减少鼠标悬停区域的大小，我们将不胜感激。

Answer 1

通过在 JavaScript/jQuery 事件对象上使用 stopPropagation 方法来阻止事件冒泡。

如果您使用的是 jQuery，可以这样做:

jQuery('#element').on('click', function(e) {
     e.stopPropagation();

     // do something here
});

对于 JavaScript，您可以看到 example here .