jointjs - 在 JointJs 中单击时更改鼠标光标

Question

通过单击加入进程时。一旦人点击了第一个节点，鼠标指针应该会改变，表明第一个节点已经被点击，现在我们只需要点击目标节点。我该如何实现呢？

Answer 1

当用户单击第一个节点时，您可以在应用程序的 HTML 容器元素（甚至是纸元素：）上设置一个类paper.$el.addClass('connecting')。基于该类，您可以在 CSS 中设置不同的光标类型：

.connecting {
   cursor: pointer !important;
}

或者可能只是针对 JointJS 元素：

.connecting .element {
   cursor: pointer !important;
}

在这里，我使用的是“指针”类型的光标，但您可以使用其中任何一种：https ://developer.mozilla.org/en-US/docs/Web/CSS/cursor 。我还使用该!important标志来否决您的应用程序/JointJS 设置的其他游标属性。请注意，您甚至可以使用图像作为光标：https ://developer.mozilla.org/en-US/docs/Web/CSS/cursor/url ，为用户提供更好的指导，了解他应该做什么。