前端:Antv/g6 - 鼠标事件
·
鼠标事件 :此类事件可以与前缀'','node','edge','item'等自由组合使用。如graph.on('onde:click', (ev)=>{});
graph.on('click', (ev)=>{}); // 鼠标左键点击事件
graph.on('dblclick', (ev)=>{}); // 鼠标左键双击事件
graph.on('mouseenter', (ev)=>{}); // 鼠标移入事件
graph.on('mouseleave', (ev)=>{}); // 鼠标移除事件
graph.on('mousedown', (ev)=>{}); // 鼠标按下事件
graph.on('mouseup', (ev)=>{}); // 鼠标抬起事件
graph.on('mousemove', (ev)=>{}); // 鼠标移动事件
graph.on('dragstart', (ev)=>{}); // 鼠标开始拖拽事件
graph.on('drag', (ev)=>{}); // 鼠标拖拽事件
graph.on('dragend', (ev)=>{}); // 鼠标拖拽结束事件
graph.on('dragenter', (ev)=>{}); // 鼠标拖拽进入事件
graph.on('dragleave', (ev)=>{}); // 鼠标拖拽移出事件
graph.on('drop', (ev)=>{}); // 鼠标拖拽放置事件
graph.on('contextmenu', (ev)=>{}); // 菜单事件
graph.on('keydown', function(ev){}); // 键盘按键按下事件
graph.on('keyup', function(ev){}); // 键盘按键抬起事件
graph.on('mousewheel', function(ev){}); // 鼠标滚轮事件
graph.on('beforechangesize', function(ev){}) // 画布尺寸变化前
graph.on('afterchangesize', function(ev){}) // 画布尺寸变化后
graph.on('beforeviewportchange', function(ev){}) // 视口变化前
graph.on('afterviewportchange', function(ev){}) // 视口变化后
graph.on('beforechange', function(ev){}) // 子项数据变化前
graph.on('afterchange', function(ev){}) // 子项数据变化后
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)