WPF中点击Border时如何阻止Grid的PreviewMouseLeftButtonDown事件触发？

首先得明确一个WPF事件机制的关键点：以Preview开头的事件属于隧道事件，事件传递顺序是从顶层父元素向子元素传递的。所以你点击Border时，会先触发Grid的PreviewMouseLeftButtonDown，再触发Border的同名事件，这就是为什么两个消息框都会弹出的原因。

要实现点击Border时仅触发它自己的事件，不让Grid的事件执行，有两种更贴合你需求的解决方案：

方案一：在Grid的事件处理中判断事件源 #

在Grid的事件处理方法里，检查事件的原始源是否是Border，如果是就跳过后续逻辑：

private void Grid_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    // 如果点击的是Border，直接返回，不执行Grid的事件逻辑
    if (e.OriginalSource is Border)
        return;
    MessageBox.Show("Grid");
}

这样当你点击Border时，Grid的事件会被触发，但因为判断出源是Border，就不会弹出消息框，只有Border的事件会正常执行。

方案二：改用冒泡事件并标记事件已处理 #

如果你不需要使用隧道事件，可以把PreviewMouseLeftButtonDown换成普通的MouseLeftButtonDown（这是冒泡事件，传递顺序是从子元素到父元素），然后在Border的事件处理中标记事件已处理，阻止它继续向上传递到Grid：

修改后的XAML： #

<Window x:Class="WpfApp1.MainWindow" 
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
        xmlns:local="clr-namespace:WpfApp1" 
        mc:Ignorable="d" 
        Title="MainWindow" Height="450" Width="800">
    <Grid MouseLeftButtonDown="Grid_MouseLeftButtonDown" Background="White">
        <Border Height="100" Width="100" Background="Red" MouseLeftButtonDown="Border_MouseLeftButtonDown"></Border>
    </Grid>
</Window>

修改后的后台代码： #

private void Border_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    MessageBox.Show("Border");
    // 标记事件已处理，阻止向上冒泡到Grid
    e.Handled = true;
}

private void Grid_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    MessageBox.Show("Grid");
}

这样点击Border时，只会触发Border的MouseLeftButtonDown事件，Grid的事件因为被标记为已处理而不会触发。

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