节点鼠标事件

提示

图中节点的鼠标事件，采用按需注册的方式进行事件绑定，业务只需要按照自己的交互逻辑，注册对应的操作事件，事件内实现逻辑处理即可。

节点支持的事件类型

事件类型	事件名称
click	鼠标单击事件
dblClick	鼠标双击事件
mouseUp	鼠标抬起事件
mouseDown	鼠标按下事件
mouseOver	鼠标移入事件
mouseOut	鼠标移出事件
mousedrag	节点拖拽事件

节点的事件注册方式

组件库提供了统一的事件注册接口 registEventListener(elementType,eventType,callback) 来进行事件的绑定和回调逻辑的定义。

// 初始化客户端对象
let graphVis = new GraphVis({
    container:document.getElementById('divId'), //画布层
    licenseKey:'licensekey' //授权license
});

//注册节点的单击事件
graphVis.registEventListener('node','click',function(event,node){
    console.log('单击了节点:',node);
});

//注册节点的双击事件
graphVis.registEventListener('node','dblClick',function(event,node){
    console.log('双击了节点:',node);
});