WPF：Popup打开时如何管控后台控件交互及鼠标响应？

我之前也遇到过一模一样的问题！WPF的Popup默认行为确实有点坑——它是独立于主窗口的顶层窗口，所以后台控件依然能接收输入事件，这就导致了误触的问题；而直接设置IsHitTestVisible或IsEnabled又会破坏悬停效果（比如按钮的hover样式、ToolTip）。下面是我亲测有效的解决方案，完美覆盖你的两个需求：

核心思路 #

我们需要实现两个目标：

1. 点击Popup外的任何区域（包括后台控件）都关闭Popup，但不触发后台控件的点击事件
2. 后台控件在Popup打开时，依然能正常响应鼠标悬停（ToolTip、hover样式等）

直接用Popup的StaysOpen="False"做不到，因为它会让后台控件的点击事件触发；而遮罩层如果直接覆盖的话，又会挡住悬停事件。所以我们采用拦截主窗口的PreviewMouseDown事件的方式来实现，既不影响悬停，又能精准控制Popup的关闭逻辑。

具体实现步骤 #

1. 调整Popup的XAML设置 #

首先把Popup的StaysOpen设为True（我们要自己控制关闭逻辑），同时开启AllowsTransparency确保透明区域的点击判断准确：

<Window x:Class="YourNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800"
        PreviewMouseDown="Window_PreviewMouseDown"> <!-- 绑定预览点击事件 -->
    <Grid>
        <!-- 你的后台控件示例 -->
        <Button x:Name="testBtn" Content="点击测试按钮" 
                ToolTip="这是一个测试按钮"
                Click="TestBtn_Click" Margin="20"/>

        <!-- 你的Popup -->
        <Popup x:Name="myPopup" StaysOpen="True" AllowsTransparency="True"
               Placement="Center" Width="250" Height="150">
            <Border Background="White" BorderBrush="#E0E0E0" BorderThickness="1"
                    CornerRadius="4">
                <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center">
                    <TextBlock Text="Popup内容区域" Margin="0 0 0 10"/>
                    <Button Content="Popup内部按钮" Click="PopupBtn_Click"/>
                </StackPanel>
            </Border>
        </Popup>

        <!-- 用来打开Popup的按钮 -->
        <Button Content="打开Popup" Click="OpenPopupBtn_Click"
                VerticalAlignment="Bottom" Margin="20"/>
    </Grid>
</Window>

2. 编写后台逻辑 #

在窗口的代码-behind中，实现Popup的打开/关闭逻辑，以及PreviewMouseDown的拦截处理：

private void OpenPopupBtn_Click(object sender, RoutedEventArgs e)
{
    myPopup.IsOpen = true;
}

private void Window_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    if (!myPopup.IsOpen) return;

    // 获取Popup在屏幕上的位置和范围
    Point popupScreenPos = myPopup.PointToScreen(new Point(0, 0));
    Rect popupBounds = new Rect(popupScreenPos, new Size(myPopup.ActualWidth, myPopup.ActualHeight));

    // 获取当前鼠标的屏幕位置
    Point mouseScreenPos = Mouse.GetPosition(null);

    // 判断鼠标是否点击在Popup外部
    if (!popupBounds.Contains(mouseScreenPos))
    {
        // 关闭Popup
        myPopup.IsOpen = false;
        // 标记事件已处理，阻止后台控件接收点击事件
        e.Handled = true;
    }
    // 如果点击在Popup内部，什么都不做，让Popup内部控件正常响应事件
}

// 测试用的后台按钮点击事件（验证不会被误触发）
private void TestBtn_Click(object sender, RoutedEventArgs e)
{
    MessageBox.Show("后台按钮被点击了！");
}

private void PopupBtn_Click(object sender, RoutedEventArgs e)
{
    MessageBox.Show("Popup内部按钮被点击了！");
}

效果验证 #

• 打开Popup后，后台按钮的悬停样式、ToolTip依然正常显示
• 点击Popup外的任何区域（包括后台按钮），Popup会关闭，且后台按钮的Click事件不会触发
• 点击Popup内部的控件，能正常响应事件，Popup不会关闭

额外说明 #

如果你的Popup是动态改变位置或大小的，这个方案依然有效——因为每次点击都会实时计算Popup的当前屏幕范围，不需要额外处理位置更新。

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