C# WPF中MouseLeftUp事件拖拽后不触发的问题排查

嗨，我来帮你拆解这个问题的核心原因，其实这和WPF的鼠标事件捕获机制直接相关～

问题根源 #

当你按住鼠标左键开始拖拽时，如果鼠标移动到了Canvas的边界之外，此时松开左键，MouseLeftButtonUp事件并不会发送给Canvas——因为WPF默认只有鼠标当前悬停的元素才会接收鼠标释放事件。而快速点击时鼠标没离开Canvas，所以事件能正常触发，这也解释了为什么两种场景表现不一样。

你的代码里没有主动对Canvas进行鼠标捕获，所以一旦鼠标移出Canvas范围，Canvas就失去了对鼠标事件的监听权，自然收不到MouseLeftButtonUp信号。

正确的解决方式：主动捕获鼠标 #

只需要在鼠标按下时让Canvas捕获鼠标，松开时释放捕获，就能保证无论鼠标在哪里，Canvas都能收到MouseLeftButtonUp事件。修改你的代码如下：

修改C#中的OnMouseLeftDown方法：

private void OnMouseLeftDown(object sender, MouseButtonEventArgs e)
{
    mouseLeftStillDown = true;
    canvas.Children.Remove(markerRect); //移除旧矩形
    startPos = e.GetPosition(canvas);
    // 关键：让Canvas捕获鼠标
    Mouse.Capture(canvas);
    txt1.Text = "(OnMouseLeftDown) left button down : " + mouseLeftStillDown.ToString();
}

修改OnMouseLeftUp方法：

private void OnMouseLeftUp(object sender, MouseButtonEventArgs e)
{
    mouseLeftStillDown = false;
    // 释放鼠标捕获
    Mouse.Capture(null);
    txt1.Text = "(OnMouseLeftUp) left button down : " + mouseLeftStillDown.ToString();
}

这样修改后，不管你拖拽时鼠标是否移出Canvas，松开左键时OnMouseLeftUp都会正常触发，你就不需要依赖MouseMove里的判断逻辑了。

关于你尝试的PreviewMouseLeftButtonUp #

为什么PreviewMouseLeftButtonUp也没生效？因为预览事件是隧道式传播，但如果鼠标已经移出Canvas，预览事件也不会到达Canvas——毕竟事件的起点是鼠标当前所在的元素，隧道传播是从顶级元素往下走，此时Canvas不在这个传播路径里，所以也收不到。

内容的提问来源于stack exchange，提问作者HedgePig