javascript - 禁用鼠标悬停交互 JointJS 图

Question

我正在尝试删除发生在链接和矩形上的鼠标悬停操作。

我尝试将 interactive: false 添加到 joint.dia.Paper 对象 - 这并没有完全帮助。我仍然看到鼠标悬停的变化。我希望链接(尤其是)在鼠标悬停时不响应。

我如何实现这一目标？

Answer 1

要理解这一点，您必须了解链接的 SVG 标记是如何构建的。文档解释得很好:

http://jointjs.com/tutorial#link-styling

如果您需要检查有关 CSS 类结构的更多细节，我发现在浏览器上使用 Inspect Element 很有用。

一旦您理解了这一点，您就会发现您可以使用 CSS 完成您所要求的事情。如需演示，请看这里:

http://jsfiddle.net/azt8jpam/1/

对于链接你需要设置display: none在 connection-wrap 上, link-tools , marker-vertices和 marker-arrowhead类。

为了完整性，您还可以设置 cursor: auto在形状上。例如

.element.basic.Rect {
    cursor: auto
}