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

Question

通过单击加入进程时。一旦用户点击了第一个节点，鼠标指针就会发生变化，表明第一个节点已经被点击了，现在我们只需点击目标节点即可。如何实现这一点？

Answer 1

当用户单击第一个节点时，您可以在应用程序 HTML 容器元素上设置一个类(甚至在 paper 元素上: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 ，为用户提供更好的指导，告诉他应该做什么。