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

Question

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

Answer 1

stopPropagation使用JavaScript/jQuery 事件对象上的方法阻止事件冒泡。

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

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

     // do something here
});

对于 JavaScript，您可以在此处查看示例。