对一个被选择的元素,添加监听操作,代码如下:
.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");
});