javascript - 隐藏/不显示元素接收鼠标悬停事件

Question

我对 svgs 中的事件处理还很陌生，这里发生了一些奇怪的事情。我正在做一个信息可视化，我在其中构建了一个界面并希望显示不同的柱形图。这很容易，而且工作得很好。但是我正在使用悬停事件来显示悬停在矩形上时的实际数字。它适用于我首先生成的一张图表。但是即使该图表是隐藏的(我都尝试了:visibility: hidden 和 display: none 属性)，第一个绘制的图表仍然会收到事件。我是否需要完全删除那个以生成一个新的？那么我应该更好地使用单独的 SVG 并有一个外部接口(interface)，隐藏不同的 svgs 吗？欢迎任何建议/最佳实践!已经谢谢了!苏斯

Answer 1

另一种隐藏内容的方法是将它们从屏幕上移开，就像隐藏的 iframe 一样。只需给他们一个负的 x/y 位置。这应该可以解决鼠标悬停问题。