在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，为用户提供更好的指导。