WPF 页面上的鼠标事件 - 仅在子控件上？

Question

我正在开发一个 C# WPF 项目。 MainWindows 只包含一个Frame Control，用于导航到不同的页面。

在一个页面上，我使用Button 来显示PopUp。现在我想在鼠标离开它并移动到Page上方时隐藏这个弹出窗口。

<Page x:Class="Name.SpaceMainPage"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  Title="MainPage"
  MouseMove="Page_MouseMove">

    <StackPanel>
        <Label Content="Some Label"/>
        <Label Content="Other Label"/>
        <Button Name="PopupButton" Content="Popup" Click="MenuButtonClick" /> 
        <Label Content="Third Label"/>

        <Popup Name="ExtrasPopup" PlacementTarget="{Binding ElementName=PopupButton}" Placement="Top" PopupAnimation="Scroll">
            <StackPanel Background="LightGray">
                ...
            </StackPanel>
        </Popup>
    </Grid>
</Page>


public partial class MainPage : Page {
    ...

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

    private void Page_MouseMove(object sender, MouseEventArgs e) {
        System.Diagnostics.Debug.WriteLine("Move: " + e.MouseDevice.GetPosition(this));
    }
}

问题： Page_MouseMove 仅在鼠标移到子控件（标签或按钮）上方时执行。如果鼠标移动到页面的空白区域上方，则不会触发该事件。

对于任何其他鼠标事件（例如 MouseDown、MouseEnter、MouseLeave 等）也是如此……这是一种非常奇怪的行为。这是故意的还是我犯了什么错误？

Answer 1

最好在 Button 或您要使用的任何控件上注册 MouseLeave 事件。

<Button Name="PopupButton" Content="Popup" Click="MenuButtonClick" MouseLeave="Menu_MouseLeave" />

并且在后面的代码中，只需在鼠标离开按钮时隐藏弹出窗口：

private void Menu_MouseLeave(object sender, MouseEventArgs e)
{
   ExtrasPopup.IsOpen = false;
}