Javascript 添加:hover伪类

Javascript 添加:hover伪类,javascript,css,d3.js,Javascript,Css,D3.js,有没有办法让D3以编程方式向选择添加“:hover”?如果没有,我如何使用纯JavaScript实现这一点?您不能通过编程从JavaScript(或D3)添加:hover。我建议使用具有相同样式规则的CSS类: #foo:hover, #foo.selected { ... } 然后添加从D3中选择的.selected类 (请参阅:)您无法通过编程从JavaScript(或D3)添加:悬停。我建议使用具有相同样式规则的CSS类: #foo:hover, #foo.selected { ...

有没有办法让D3以编程方式向选择添加“:hover”?如果没有,我如何使用纯JavaScript实现这一点?

您不能通过编程从JavaScript(或D3)添加
:hover
。我建议使用具有相同样式规则的CSS类:

#foo:hover, #foo.selected { ... }
然后添加从D3中选择的
.selected


(请参阅:)

您无法通过编程从JavaScript(或D3)添加
:悬停
。我建议使用具有相同样式规则的CSS类:

#foo:hover, #foo.selected { ... }
然后添加从D3中选择的
.selected


(参见:)

正如cdrini已经解释的那样,通过JavaScript实现这一点是不可能的

相反,您可以使用以下代码向悬停时的元素添加类:

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

正如cdrini已经解释的,通过JavaScript实现这一点是不可能的

相反,您可以使用以下代码向悬停时的元素添加类:

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

你看过D3文档了吗?你试过什么?等等。等等。你有足够的代表来了解更多。可能重复@RandyCasburn,没有什么可以尝试的,因为这在JS中是不可能的,如下面的答案所示。D3文档没有帮助,因为这不是D3特有的。销售代表与此无关。你看过D3文档了吗?你试过什么?等等。等等。你有足够的代表来了解更多。可能重复@RandyCasburn,没有什么可以尝试的,因为这在JS中是不可能的,如下面的答案所示。D3文档没有帮助,因为这不是D3特有的。销售代表与此无关。