antV x6鼠标右键事件、鼠标滑过 节点 新增删除事件、节点 鼠标摁下 node节点禁止连入

graphSvg为当前的画布
//鼠标右键事件
graphSvg.on('node:contextmenu', ({ e, node }) => {
            e.preventDefault();// 阻止默认的右键菜单
            console.log(e,node)
        })

//鼠标滑过 节点 新增删除事件
        graphSvg.on('node:mouseenter', ({ node }) => {
            if(node.id == currentTreeNodeId) return false;
            node.addTools({
                name: 'button-remove',
                args: {
                    x: '100%',
                    y: 0,
                    offset: { x: 0, y: 0 },
                },
            })
        })

//节点 鼠标摁下  node节点禁止连入
        graphSvg.on('edge:added', ({ edge, options }) => {
            if(条件){
                graphSvg.removeEdge(edge.id);
            }
        })

 

posted @ 2024-07-04 18:15  烂笔头~  Views(3)  Comments(0Edit  收藏  举报