拖动和突出显示

Question

在此jsfiddle中，用户应该能够拖动节点，并且在他/她拖动时，仅应突出显示该节点及其邻居以及它们之间的链接。

我以为我有一个好的解决方案，但是如果用户将节点拖到边界，并且在这种情况下，就出现了不良行为-所有节点突然突出显示：]

(ERROR IS WHEN DRAGGED NODE HITS THE WALL)
<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS8wd1E5aS5naWYifQ==” alt =“在此处输入图像说明”>

这是由于鼠标指针远离节点，但是用户仍然保持鼠标按钮，并且仍然希望仅突出显示选定的节点，而其他节点保持灰色。

可以解决吗？我可以重新设计活动以便解决这种情况吗？

在这个jsfiddle用户中，应该能够拖动一个节点，并且在他/她拖动时，仅应突出显示该节点及其邻居以及它们之间的链接。我以为我过得很好...

Answer 1

您想要的是fade不相邻的节点中的一个，而不仅仅是[：force.drag().on('drag', fade(.1)); 工作示例：http://jsfiddle.net/h358K/

请注意，为了对称起见，您可能要
淡入

dragstop上的节点。