向Sigma.js中的节点添加onclick事件

Question

我在sigma.js中有一个非常简单的例子，它读取带有一些额外数据的gexf文件。

// Instanciate sigma.js and customize rendering : 
var sigInst = sigma.init(document.getElementById('graph-container')).drawingProperties({ 
    defaultLabelColor: '#fff', 
    defaultLabelSize: 14, 
    defaultLabelBGColor: '#fff', 
    defaultLabelHoverColor: '#000', 
    labelThreshold: 6, 
    defaultEdgeType: 'straight' 
}).graphProperties({ 
    minNodeSize: 0.5, 
    maxNodeSize: 5, 
    minEdgeSize: 1, 
    maxEdgeSize: 1 
}).mouseProperties({ 
    maxRatio: 4 
}); 

// Parse a GEXF encoded file to fill the graph 
// (requires "sigma.parseGexf.js" to be included) 
sigInst.parseGexf(gexfFile); 

这其实只是从教程中获得的。现在我想为所有节点添加一个点击事件。任何人都可以告诉我一个正确的方法来做到这一点？

Answer 1

第一步 - 写事件处理程序

function onClick(event) { 
    window.console.log("clicked!"); 
} 

第2步 - 查找事件名称

我一直在想了一会儿事件名称可能是什么。看起来，“onmouseover”，“onmousedown”等已被重新命名为“onmouse”部分截尾，并在末尾添加“节点”。

所以对于click事件可能是“downnodes”

第3步 - 链接的处理程序的Click事件：

您必须使用bind（）函数来绑定一个事件处理程序以事件名称。

sigInst.bind('downnodes',onClick).draw(); 

活动列表@ V1.0.3

感谢马特提供的列表。

点击，右击，clickStage，doubleClickStage，rightClickStage，clickNode，clickNodes，doubleClickNode，doubleClickNodes，rightClickNode，rightClickNodes，overNode，overNodes，outNode，outNodes，downNode，downNodes，upNode，upNodes - 都应该是小写。

Answer 2

根据官方文档：

s = new sigma({...}); 

// Bind the events: 
s.bind('overNode outNode clickNode doubleClickNode rightClickNode', function(e) { 
    console.log(e.type, e.data.node.label, e.data.captor); 
}); 

https://github.com/jacomyal/sigma.js/blob/master/examples/events.html

（接受的答案并没有为我工作。）