连线事件
# 连线鼠标事件
提示
图中连线的鼠标事件,采用按需注册的方式进行事件绑定,业务只需要按照自己的交互逻辑,注册对应的操作事件,事件内实现逻辑处理即可。
# 连线支持的事件类型
事件类型 | 事件名称 |
---|---|
click | 鼠标单击事件 |
dblClick | 鼠标双击事件 |
mouseUp | 鼠标抬起事件 |
mouseDown | 鼠标按下事件 |
mouseOver | 鼠标移入事件 |
mouseOut | 鼠标移出事件 |
# 连线的事件注册方式
组件库提供了统一的事件注册接口 registEventListener(elementType,eventType,callback)
来进行事件的绑定和回调逻辑的定义。
// 初始化客户端对象
let graphVis = new GraphVis({
container:document.getElementById('divId'), //画布层
licenseKey:'licensekey' //授权license
});
//注册连线的单击事件
graphVis.registEventListener('link','click',function(event,link){
console.log('单击了节点:',link);
});
//注册连线的双击事件
graphVis.registEventListener('link','dblClick',function(event,link){
console.log('双击了节点:',link);
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15