我对JS，CSS和HTML还是很陌生，但是对它进行更多的探索感到非常兴奋。
我的可视化和整个代码在这里：
https://gist.github.com/DariaAlekseeva/a71475378a5d12ea40bc
当我在对象上移动鼠标时，会出现许多路径，并且不容易看到细节。
我想将可视化设置从悬停更改为单击。
首先，我将鼠标悬停并更改活动路径。然后，我选择一个路径，单击它，只有该路径保持活动状态。当我仅沿这条路径徘徊时，我仍然应该能够看到出现的评论。然后，我需要“取消单击”此路径（或单击外部对象）并保持悬停，直到找到另一个要单击的路径。
谢谢你的帮助。
最佳答案
您只需要将mousemove修改为mousedown。然后将其更改为显示单击事件的提示，但不显示“悬停”。
我为此创建了一个插件，仅显示单击提示。
http://plnkr.co/edit/rn76z5z8cxZpqKKm7peN
（我在大约218行将mousemove修改为mousedown。）
您可以使用“ mouseout”，“ mousedown”，“ mousemove”来实现此类交互。
关于javascript - 将CSS从悬停更改为单击可视化，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29183975/