Silverlight：如何防止将 MouseMove 事件从子画布路由到其父画布

Question

我有我的 XAML 代码：

<Canvas x:Name="mainCanvas" Width="200" Height="150" Background="LightGray"
        MouseLeftButtonUp="mainCanvas_MouseLeftButtonUp"
        MouseMove="mainCanvas_MouseMove">
    <Canvas x:Name="topCanvas" Width="200" Height="100" Background="LightBlue"
            MouseLeftButtonUp="topCanvas_MouseLeftButtonUp"
            MouseMove="topCanvas_MouseMove">
    </Canvas>
</Canvas>

及其背后的代码：

private void topCanvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    MessageBox.Show("topCanvas_MouseLeftButtonUp");

    e.Handled = true; // This can prevent routing to the mainCanvas
}

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

private void topCanvas_MouseMove(object sender, MouseEventArgs e)
{
    Debug.WriteLine("topCanvas_MouseMove");

    // How to prevent routing to the mainCanvas?
    // e.Handled = true does NOT exist in MouseEventArgs
}

private void mainCanvas_MouseMove(object sender, MouseEventArgs e)
{
    Debug.WriteLine("mainCanvas_MouseMove");
}

我的问题已经在评论中。

如何防止将 MouseMove 事件从 topCanvas（子画布）路由到 mainCanvas（父画布）？

谢谢。

彼得

Answer 1

尝试设置 Canvas 的 IsHitTestVisible 属性。相应地设置该属性后，鼠标事件将“通过”您的控件或被它捕获。

希望这是您所需要的。

Answer 2

您可以尝试比较 mainCanvas 的 MouseMove 事件中的 e.OriginalSource，如果它不是源自 mainCanvas，则退出 Sub。

private void mainCanvas_MouseMove(object sender, MouseEventArgs e)
{
    if (sender != e.OriginalSource)
        return;        
}

---

更详细地回复您的评论。根据 UIElement。 MouseMove 事件 MSDN 链接。

继承MouseMove的控件可以提供对事件的处理
通过重写 OnMouseMove 充当所有实例的处理程序
方法。与直接处理事件一样，没有 Handled
属性可用，因此OnMouseMove不能以这种方式实现
它通过 Handled 抑制对事件的进一步处理
技术。

此链接指出：

此事件为 Mouse.MouseMove 附加事件创建别名
这个类

将我们带到 AttachedEvents 上的链接，其中指出。

可扩展应用程序标记语言 (XAML) 定义了一种语言
称为附加事件的事件的组件和类型。的概念
附加事件使您能够为特定事件添加处理程序
到任意元素而不是实际的元素
定义或继承事件。在这种情况下，对象既不
可能引发事件或目标处理实例
定义或以其他方式“拥有”该事件。

所以在我看来，你唯一的选择就是围绕它编写代码。

Answer 3

该功能称为“事件冒泡”。您可以使用以下代码停止它：

jQuery：
event.stopPropagation();
参考： http://api.jquery.com/event.stopPropagation/

您也可以尝试下面的代码：
e.stopPropagation(); //防止事件冒泡
e.preventDefault(); //然后取消该事件（如果可以取消）

Ref: http://stackoverflow.com/questions/1967537/how-to-stop-event-bubbling-with-jquery-live

谢谢，
拉维·维尔马