Button Click Not Recognized on Canvas - wpf

Question

Hi I have the following code, I am drawing a button on a canvas with a button template, when I click on the button I want a message to show up, but it doesn't, even when I register a mouse down event on the button it is still not recognized.
private void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
Button r = e.Source as Button;
if (r != null)
MessageBox.Show(r.ToString());
Point mousePoint = Mouse.GetPosition(mainCanvas);
Button button1 = new Button();
button1.Template = (ControlTemplate)this.FindResource("nodeTemplate");
Canvas.SetTop(button1, mousePoint.Y);
Canvas.SetLeft(button1, mousePoint.X);
mainCanvas.Children.Add(button1);
}
}
<Window.Resources>
<ControlTemplate x:Key="nodeTemplate" TargetType="Button">
<Grid>
<Ellipse x:Name="outerCircle" Fill="Red" Height="50" Width="50"/>
<Ellipse x:Name="innerCircle" Fill="Green" RenderTransformOrigin=".5,.5">
<Ellipse.RenderTransform>
<ScaleTransform ScaleX=".9" ScaleY=".9"/>
</Ellipse.RenderTransform>
</Ellipse>
</Grid>
</ControlTemplate>
</Window.Resources>
<DockPanel>
<Canvas x:Name="mainCanvas" Background="Transparent" MouseLeftButtonDown="Canvas_MouseLeftButtonDown">
</Canvas>
</DockPanel>

Answer 1

The MouseLeftButtonDown is marked as handled by the Button, the event will not reach the canvas, use PreviewMouseLeftButtonDown instead (as they use different routing strategies this event cannot be intercepted by the Button because it is raised on the Canvas first). Alternatively you can attach the event ButtonBase.Click to the Canvas, this of course only registers Button-clicks.