关闭拖拽应重置激活会话状态而非移除监听：调用cancelActiveConnection()设isActive=false、隐藏临时连线、恢复光标与样式，并在Esc键、移出画布、切工具或校验失败时主动触发。
在复杂图形编辑器中，关闭鼠标拖拽连线的实时监听不能依赖事件移除的粗暴方式——因为连线交互是分阶段（hover → anchor → validate）的状态驱动过程，监听本身只是状态流转的触发器。真正要“随时关闭”的，是当前处于激活态的连线拖拽会话，而不是全局监听函数。
明确监听与会话的区别
全局监听（如 document.addEventListener('mousemove', onDragLine)）只需注册一次，它本身不决定是否在连线；真正代表“正在拖线”的是一个私有状态对象，比如：{ isActive: true, fromNode: "node-1", fromPort: "right", startX, startY }
关闭拖拽，本质是把该状态设为 isActive: false，并清空临时连线渲染。
用具名函数封装会话控制逻辑
定义一个清晰命名、可复用、可外部调用的函数，例如 cancelActiveConnection()：
- 重置连线状态：清空
activeConnection对象或设其isActive = false - 隐藏临时连线：移除或隐藏当前
- 恢复光标和样式：将
document.body.style.cursor改回默认，取消节点端口高亮 - 可选：触发一次视图重绘，确保 UI 状态同步（如调用
render()或requestAnimationFrame）
在多个关键时机主动调用它
不是等用户松手才处理，而是提前预判并干预：
- 用户按下
Escape键时：document.addEventListener('keydown', e => e.key === 'Escape' && cancelActiveConnection()) - 鼠标移出画布区域（
mouseout或mouseleave）时 - 切换工具模式（如从连线工具切到选择工具）前
- 发生非法连接尝试后（如连向 end 节点），校验失败即调用
避免闭包泄漏与重复绑定
具名函数本身应保持纯净，不依赖外部闭包捕获的事件处理器引用。若需解绑临时监听（如为拖线临时加的 mousemove），应在 cancelActiveConnection() 内部完成：
- 使用
addEventListener时传入具名函数引用（而非箭头函数），便于后续removeEventListener - 或更推荐：统一用事件委托 + 状态判断，让全局
mousemove监听内部自动跳过!activeConnection.isActive的情况，无需反复增删
