对一个被选择的元素,添加监听操作,代码如下:
.on("click", function(){
} )
常用的事件(event)有:
click : 鼠标单击某元素时,相当于 mousedown 和 mouseup 组合在一起
mouseover : 鼠标移到某元素上
mouseout : 鼠标从某元素移开
mousemove : 鼠标被移动
mousedown : 鼠标按钮被按下
mouseup : 鼠标按钮被松开
dblclick : 鼠标双击
下面是一个代码小例子:
//监听鼠标事件
var rect = bar.selectAll("rect")
.on("click",function(d,i){
d3.select(this)
.attr("fill","green");
})
.on("mouseover",function(d,i){
d3.select(this)
.attr("fill","yellow");
})
.on("mouseout",function(d,i){
d3.select(this)
.transition()
.duration(500)
.attr("fill","red");
});
---------------------
作者:AryaoO
来源:CSDN
原文:https://blog.csdn.net/selina_chan/article/details/51241710
版权声明:本文为博主原创文章,转载请附上博文链接!