d3事件绑定时如何访问原始事件对象

时间:2015-11-11 00:15:45

标签: javascript d3.js

在d3中,我将节点上的mousedown事件绑定到我想要执行的函数:

let node = gA.svg.selectAll('.node').data(gA.force.nodes(), gA.node_id)
let node_group = node.enter().append('g')
    .classed('node', true)
    .call(gA.drag)

node_group.append('circle')
    .classed('node-circle', true)
    // we may consider adding the position too. it will get updated on the 
    // next tick anyway, so we will only add it here if things look glitchy
    .attr('r', gA.node_radius) 
    .on(gA.circle_events)
    .on('mousedown', mousedown)
    .on('mouseup', mouseup)

这里只有最后一行才真正相关。那和我正在使用d3的事实。

但是现在当我定义我的鼠标功能时......

function mouseup(datum, something1, something2) {
    alert("But where is the Event object?  :(  :'(  ")
}

datum是与svg'cir'绑定的基准。 something1似乎是鼠标相对于元素的x位置(我的最佳猜测)。而且某些东西似乎是y位置。

但是如何访问活动?我需要访问Event.clientX。

1 个答案:

答案 0 :(得分:3)

这是well documented

  

d3.event

     

存储当前事件(如果有)。在使用on运算符的事件侦听器回调期间注册此全局。在finally块中通知侦听器后,将重置当前事件。这允许侦听器函数具有与其他运算符函数相同的形式,传递当前数据d和索引i。