鼠標事件 ：此類事件可以與前綴'','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){}) // 子項數據變化后

總結

以上是生活随笔為你收集整理的Antv/g6 - 鼠标事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。