同步启动进程为何导致PreviewMouseDown事件顺序混乱？

问题重现 #

在WPF的PreviewMouseDown事件处理器中同步启动外部进程时，鼠标事件顺序出现异常：
正常异步启动时的事件顺序（放入Task）：

DockPanel_PreviewMouseLeftButtonDown
Bell_Image_PreviewMouseLeftButtonDown
Bell_Image_MouseLeftButtonDown
DockPanel_MouseLeftButtonDown
DockPanel_PreviewMouseUp
Bell_Image_PreviewMouseUp
Bell_Image_MouseUp
DockPanel_MouseUp

同步启动进程时的异常顺序：

DockPanel_PreviewMouseLeftButtonDown
DockPanel_PreviewMouseUp
Bell_Image_PreviewMouseUp
Bell_Image_MouseUp
DockPanel_MouseUp
Bell_Image_PreviewMouseLeftButtonDown
Bell_Image_MouseLeftButtonDown
DockPanel_MouseLeftButtonDown

原因解析 #

这不是.NET的BUG，而是Windows系统焦点机制和WPF事件路由交互导致的正常现象：

1. 当你在DockPanel_PreviewMouseLeftButtonDown中调用Process.Start启动PDF文件时，系统会启动默认的PDF阅读器并让其窗口立即激活，当前WPF窗口因此失去焦点。
2. Windows系统会向失去焦点的窗口发送MouseUp事件——系统认为用户的鼠标操作已经转移到新激活的窗口，因此提前触发了MouseUp相关事件。
3. 此时WPF的鼠标事件路由还未完成：原本应该在DockPanel_PreviewMouseDown之后依次触发子元素的PreviewMouseDown、MouseDown等事件，但这些事件还在等待UI线程处理，而MouseUp事件已经被插入到事件队列的前端。
4. 当UI线程从Process.Start返回后，会优先处理队列中的MouseUp事件，之后才会继续处理之前未完成的MouseDown路由事件，最终导致顺序混乱。

而将启动代码放入Task时，UI线程不会被阻塞，事件路由可以完整走完所有MouseDown相关事件，之后再处理焦点变化带来的MouseUp事件，因此顺序正常。

解决方案 #

可以通过以下两种方式避免这个问题：

1. 异步启动进程：让UI线程优先完成事件路由，再启动外部进程

private async void DockPanel_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("DockPanel_PreviewMouseLeftButtonDown");
    await Task.Run(() => Process.Start(new ProcessStartInfo("Some_File.pdf") 
    { 
        UseShellExecute = true 
    }));
}

2. 延迟启动进程：使用Dispatcher.BeginInvoke让进程启动操作在当前事件路由完成后执行

private void DockPanel_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("DockPanel_PreviewMouseLeftButtonDown");
    Dispatcher.BeginInvoke(new Action(() => 
        Process.Start(new ProcessStartInfo("Some_File.pdf") { UseShellExecute = true })));
}

相关代码 #

XAML布局

<DockPanel MouseLeftButtonDown="DockPanel_MouseLeftButtonDown" 
           PreviewMouseLeftButtonDown="DockPanel_PreviewMouseLeftButtonDown" 
           MouseUp="DockPanel_MouseUp" 
           PreviewMouseUp="DockPanel_PreviewMouseUp">
    <Grid>
        <Image x:Name="Bell_Image" 
               Source="Bell.png" 
               PreviewMouseLeftButtonDown="Bell_Image_PreviewMouseLeftButtonDown" 
               MouseLeftButtonDown="Bell_Image_MouseLeftButtonDown" 
               MouseUp="Bell_Image_MouseUp" 
               PreviewMouseUp="Bell_Image_PreviewMouseUp"/>
    </Grid>
</DockPanel>

C#后台事件处理器

private void Bell_Image_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("Bell_Image_PreviewMouseLeftButtonDown");
}

private void Bell_Image_MouseUp(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("Bell_Image_MouseUp");
}

private void DockPanel_MouseUp(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("DockPanel_MouseUp");
}

private void DockPanel_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("DockPanel_MouseLeftButtonDown");
}

private void Bell_Image_PreviewMouseUp(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("Bell_Image_PreviewMouseUp");
}

private void DockPanel_PreviewMouseUp(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("DockPanel_PreviewMouseUp");
}

private void Bell_Image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    Console.WriteLine("Bell_Image_MouseLeftButtonDown");
}

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