可视化场景的事件

提示

图的场景(画布)事件，采用按需注册的方式进行事件绑定，业务只需要按照自己的交互逻辑，注册对应的操作事件，事件内实现逻辑处理即可。

节点支持的事件类型

事件类型	事件名称
whiteSpaceClick	场景空白区域点击事件
keyUp	场景按键抬起事件
keyDown	场景按键按下事件
mouseWheel	场景鼠标滚动事件
mouseDraging	场景拖动事件
mouseDragEnd	场景拖动结束事件
boxSelectEnd	场景框选结束事件

场景的事件注册方式

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

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

//注册场景的框选事件
graphVis.registEventListener('scene','boxSelectEnd',function(event,graphvis,nodes){
    console.log('框选的节点:',nodes);
});

//注册场景的按键抬起事件
graphVis.registEventListener('scene','keyUp',function(event,graphvis){
    console.log('键盘按键抬起事件:',event);
});