GraphDracula:如何检测onclick和onmouseover事件

GraphDracula: How to detect onclick and onmouseover events?

本文关键字：onclick onmouseover 事件 检测 何检测 GraphDracula      更新时间：2023-09-26

GraphDracula是一个基于RaphaelJS的简单的小型图形可视化库。然而，我希望它检测到两件非常重要的事情：onmouseover（通过节点）和onclick（再次通过节点）。

例如，在他们最基本的例子中，"cherry"节点上的鼠标悬停应该提供一些关于cherry的额外细节。单击它将弹出一个警告框。

我该怎么做？

您可以通过迭代图形对象中的节点并在shape对象上添加Raphael处理程序来完成此操作：http://jsfiddle.net/imsky/65Mpy/

var g = new Graph();
//Rest of code
for(var i in g.nodelist){
   g.nodelist[i].shape.mouseover(console.log)
   g.nodelist[i].shape.click(console.log)
}
相关文章：