Чтобы изменить курсор мыши на щелчке в 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, что дает пользователю более четкое руководство о том, что он должен делать.