【问题标题】:Dragging and highlighting拖动和突出显示
【发布时间】:2014-01-27 23:17:32
【问题描述】:

在这个jsfiddle 中,用户应该能够拖动一个节点,当他/她拖动时,只有那个节点和他的邻居以及它们之间的链接应该被突出显示。

我以为我有一个很好的解决方案,但是如果用户将节点拖到边界会报告一个问题,并且在这种情况下会出现不希望的行为 - 所有节点都会突然突出显示:

(ERROR IS WHEN DRAGGED NODE HITS THE WALL)

这是因为鼠标指针离开了节点,但用户仍然保持鼠标按钮,并且仍然希望只有选定的节点突出显示,而其他节点保持灰色。

这可以解决吗?我可以重新设计事件以解决这种情况吗?

【问题讨论】:

  • 问得好问题。 +1 :-)

标签: javascript d3.js dom-events drag


【解决方案1】:

您想要的是fade 非相邻节点,而其中一个正在被拖动,而不仅仅是在鼠标悬停上:

force.drag().on('drag', fade(.1));

工作示例:http://jsfiddle.net/h358K/

请注意,为了对称,您可能希望淡入dragstop 上的节点。

【讨论】:

  • 是的,我也必须做dragstop,否则会出现一些问题。我也会赞成你的明确回答,但在 20 分钟内,因为我达到了投票的日期限制。
  • @FernOfTheAndes 谢谢。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2010-10-12
  • 1970-01-01
  • 1970-01-01
  • 2011-10-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多