添加：hover伪类

Question

有什么办法以编程方式使D3在选择中添加“：hover”？如果没有，我该如何使用纯JavaScript？

Answer 1

您无法以编程方式从JavaScript（或D3）添加:hover。我建议使用具有相同样式规则的CSS类：

#foo:hover, #foo.selected { ... }

然后从D3添加.selected类。

（请参阅：How do I simulate a mouseover in pure JavaScript that activates the CSS ":hover"?）

Answer 2

正如cdrini所解释的那样，用JavaScript不可能完全做到这一点。

相反，您可以使用以下代码将类添加到悬停元素上：

element.onmouseover = function(){ this.classList.add('foo'); };
element.onmouseout = function(){ this.classList.remove('foo'); };