Clever Geek Handbook

Disable Mouse Interaction JointJS Outline

I am trying to remove mouse actions that happen over links and Rects.

I tried adding interactive: false

to object joint.dia.Paper

- it doesn't help completely. I can still see the mouse changes. I want the link to (especially) not be mouse-responsive.

How can I achieve this?

+3


source to share


1 answer


To understand this, you need to understand how SVG markup is generated for links. The documentation explains it pretty well:

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

If you need to learn more about the structure of a CSS class, I find it helpful to use the Inspect Element in your browser.

Once you understand this, you will see that you can do what you ask using CSS. For a demo view here:



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

For references you need to install display: none

in the classroom connection-wrap

, link-tools

, marker-vertices

and marker-arrowhead

.

For completeness, you can also set cursor: auto

to shapes. for example

.element.basic.Rect {
    cursor: auto
}
+3


source






More articles:


All Articles