javascript – 将onclick事件添加到Sigma.js中的节点

我在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);

这实际上只是从教程中获取的.现在,我想向所有节点添加一个on-click事件.谁能告诉我一个正确的方法来做到这一点？

解决方法

第1步 – 编写事件处理程序

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

第2步 – 查找事件名称

我一直想知道活动名称可能是什么.似乎“onmouSEOver”,“onmousedown”等已经被重命名,其中“onmouse”部分被截断,“nodes”被添加到末尾.

所以对于点击事件,它将是’downnodes’

第3步 – 将处理程序链接到click事件：

您必须使用bind()函数将事件处理程序绑定到事件名称.

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

事件列表@ v1.0.3

感谢Matt提供的清单.

click,rightClick,clickStage,doubleClickStage,rightClickStage,clickNode,clickNodes,doubleClickNode,doubleClickNodes,rightClickNode,rightClickNodes,overNode,overNodes,outNode,outNodes,downNode,downNodes,upNode,upNodes – all应为小写.