在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。
答案 0 :(得分:3)
d3.event
存储当前事件(如果有)。在使用on运算符的事件侦听器回调期间注册此全局。在finally块中通知侦听器后,将重置当前事件。这允许侦听器函数具有与其他运算符函数相同的形式,传递当前数据d和索引i。