onNodeClick(evt)

onNodeClick、onEdgeClick和onMouseMove都属于自定义方法，用于处理node:click、edge:click、mousemove等事件。

参数

名称类型是否必选描述
evtEvent否包含事件句柄、当前操作对象及各坐标值等

参数evt包括以下属性：

名称类型描述
xnumber元素视口x坐标
ynumber元素视口y坐标
canvasXnumber元素Canvas x坐标
canvasYnumber元素Canvas y坐标
clientXnumber屏幕/页面x坐标
clientYnumber屏幕/页面y坐标
eventMouseEvent事件句柄
targetShape当前对象
typestring操作类型
currentTargetobject
itemShape操作的目标元素
removedboolean是否删除/销毁
timeStampnumber时间戳
bubblesboolean是否支持事件冒泡
defaultPreventedboolean是否阻止默认事件
cancelableboolean是否取消

用法

  1. G6.registerBehavior('behaviorName', {
  2.   getEvents() {
  3.     return {
  4.       'node:click': 'onNodeClick',
  5.       'edge:click': 'onEdgeClick',
  6.       'mousemove': 'onMouseMove'
  7.     }
  8.   },
  9.   onNodeClick(evt) {
  10.       // TODO
  11.   },
  12.   onEdgeClick(evt) {
  13.       // TODO
  14.   },
  15.   onMouseMove(evt) {
  16.       // TODO
  17.   }
  18. }